微信授权(前后端分离授权)

关于网页授权的微信开发文档地址: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842

微信授权分为以下四步:

1 第一步:用户同意授权,获取code

2 第二步:通过code换取网页授权access_token

3 第三步:刷新access_token(如果需要)

4 第四步:拉取用户信息(需scope为 snsapi_userinfo)

第一步:从这个链接可以中前端只需要知道的就是appid,redirect_uri,scope这三个参数就好啦;

appid: 公众号的唯一标识,比如wxca78bba21a91b789;

redirect_uri: 页面授权后的回调页面,授权后重定向的回调链接地址, 请使用 urlEncode 对链接进行处理

                    比如: www.test.com/index,通过urlEncode处理后是www.test.com%2Findex;

scope: 应用授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且, 即使在未关注的情况下,只要用户授权,也能获取其信息 )

完整实例: 

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxca78bba21a91b789&redirect_uri=www.test.com%2Findex&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect

我们前端需要做的事情当用户没有授权时,跳转到这个页面;

第二步: 在redirect_uri: 页面授权后的回调页面上,我们会截取微信服务端给我们返回的code,我们将code传给后端即可;

后端会根据你传过去的code给前端返回对应的uid(用户id),以及openid等;

http://www.test.com/index?code=125465ASDFAseg788&state=STATE

嗯。。。。到这一步位置呢前端就差不多啦

第三步: 后端处理

第四步: 后端处理


 

猜你喜欢

转载自blog.csdn.net/qq_39524670/article/details/81118721