微信官方文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842
官方流程
网页授权流程分为四步:
1、引导用户进入授权页面同意授权,获取code
2、通过code换取网页授权access_token(与基础支持中的access_token不同)
3、如果需要,开发者可以刷新网页授权access_token,避免过期
4、通过网页授权access_token和openid获取用户基本信息(支持UnionID机制)
服务号获取openid
在微信公众平台最后接口权限中我们可以发现订阅号是没有网页授权的权限的,服务号必须认证才会有,如图
一般来说服务号获取openid的方法是:首先通过前端获取code,然后请求后台,后台通过AppID,AppSecret和code获取openid以及用户信息返回给前端(注:不能在前端获取,因为AppSecret对于公众号很重要,放在前端容易被窃取)
下面是我简单写的部分前端代码,具体思路是:进入页面回跳自身地址(此时URL中已经有了code参数,截取code参数传到后台),第一次跳转要缓存一个值,然后判断这个值来决定是否回跳(不然会一直跳转)
if(!sessionStorage.getItem('load')){
var appid='你的id';
var redirect_uri=encodeURIComponent(window.location.href)
window.location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appid+"&redirect_uri="+redirect_uri+"&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect"
sessionStorage.setItem('load','1')
}else{
var Url=window.location.href
var Urlarr=Url.split("?")
var code=Urlarr[1].split("=")[1].split('&')[0]
sessionStorage.setItem('code',code)
}
后台各语言代码在官方文档中都有,可以参考,这里就不再赘述。
订阅号获取openid
服务号有网页授权的权限,但是订阅号没有,所以一般来说订阅号是无法通过网页授权获取openid的。
但是服务号可以通过其他方式获取用户信息--->这种方式必须要用户来点击菜单或者发送信息后台才能获取到用户信息,显然这种不是我们需要的。
那么又没有其他方法了呢?
当然有!虽然订阅号没有网页授权的权限,但是服务号有啊。所以前提是我们要有一个服务号。
方法就是在我们微信公众号网页开发的时候,所有用到Appid与AppSecret的地方全部替换为服务号的Appid与AppSecret,这样的话就相当于我们的订阅号也有了权限。亲测可用