这篇文章比较有意思,由于这篇文章是写于高铁上,正值休假,旅途漫漫,写篇文章消磨车上时间。web
这节咱们说说微信的网页受权,首先咱们先来讲说网页受权的做用,咱们通常会本身开发web应用中加入受权,用来获取用户的openid(或unionid),来实现用户体系。好比:咱们常作的基于微信的用户体系,利用openid作惟一的身份识别。官方文档:api
看看通常的效果(手动受权):安全
微信网页受权包括2种形式:
1.静默受权。只能获取到openid;用户不用手动点击肯定,直接跳到回调页面。code=snsapi_base
2.手动受权。能够获取全部的用户信息;会出现上图的页面,用户需手动肯定后,才会跳到回调页面。code=snsapi_userinfo微信
受权也要access_token
网页受权access_token与咱们前面说的接口access_token不是同一个东西,网页受权的access_token是经过OAuth2.0机制实现的,在用户受权给公众号后,能够获取到一个网页受权特有的接口调用凭证,简单地来讲,这个access_token是要用户肯定才能获取。app
注意:使用网页受权以前,必定先先到微信后台设置网页受权的安全域名,否则受权会失败。也就是说,受权的回调地址的域名必定要与设置的域名同样。spa
网页受权的流程:
1.引导用户进入受权页面赞成受权,获取code
2.根据获取的code换取网页受权的access_token。若是是静默受权的话,到这里就能够结束了,由于获取access_token的同时,也能够获取到openid。
3.(这一步是手动受权才有的)获取用户完整的信息(根据上一步获取的access_token和openid)3d
下面咱们跑一遍网页受权:
1.引导用户访问受权连接:
https://open.weixin.qq.com/co...code
注意:appid、redirect_uri要换成本身正式的blog
2.获取网页受权的access_tokentoken
3.获取完整的用户信息
代码:
结果:
访问受权页面:http://d3bdhm.natappfree.cc/o...
好了,顺利获取到用户信息,微信网页受权就讲完了,也要快到站了。下一节讲js-sdk相关的东西,主要是js-sdk使用流程、以及说下具体的接口的使用。