根据微信开发文档进行微信网页授权
谈及微信,必须查看其开发文档,这里是使用微信公众号进行网页的转发授权
文档链接:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432
在微信网页开发栏目中查看网页授权文档
1微信公众号
你先有一个微信公众号,如果没有,对于开发者,微信给我们提供了一个测试号,关于测试号的申请,请查看
https://blog.csdn.net/qq_37992974/article/details/88598502
2.有了公众号以后,进行授权域名的设置
这里以测试号为例:
在体验接口列表中,查找授权
点击修改
填写你的可以在外网上进行访问的域名 记住是域名,不是网址没有http,我这里的示例是用natapp.com上购买的一个域名。
3.授权成功后,查看文档
获取code:
前端访问网址:
以下是微信示例网址
这里的scope参数有两个,官方是这样解释的
31、以snsapi_base为scope发起的网页授权,是用来获取进入页面的用户的openid的,并且是静默授权并自动跳转到回调页的。用户感知的就是直接进入了回调页(往往是业务页面)
3.2、以snsapi_userinfo为scope发起的网页授权,是用来获取用户的基本信息的。但这种授权需要用户手动同意,并且由于用户同意过,所以无须关注,就可在授权后获取该用户的基本信息。
3.3、用户管理类接口中的“获取用户基本信息接口”,是在用户和公众号产生消息交互或关注后事件推送后,才能根据用户OpenID来获取用户基本信息。这个接口,包括其他微信接口,都是需要该用户(即openid)关注了公众号后,才能调用成功的。
scope为snsapi_base
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect
scope为snsapi_userinfo
https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf0e81c3bee622d60&redirect_uri=http%3A%2F%2Fnba.bluewebgame.com%2Foauth_response.php&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
其实scope_base就是只要openid
scope_userinfo 就可以获取到用户的信息包括openId 返回的信息如下
{
"openid":" OPENID",
" nickname": NICKNAME,
"sex":"1",
"province":"PROVINCE"
"city":"CITY",
"country":"COUNTRY",
"headimgurl": "http://thirdwx.qlogo.cn/mmopen/g3MonUZtNHkdmzicIlibx6iaFqAc56vxLSUfpb6n5WKSYVY0ChQKkiaJSgQ1dZuTOgvLLrhJbERQQ4eMsv84eavHiaiceqxibJxCfHe/46",
"privilege":[ "PRIVILEGE1" "PRIVILEGE2" ],
"unionid": "o6_bmasdasdsad6_2sgVt7hMZOPfL"
}
那么这里又出现了openId ,简单介绍一下 openId 就是微信在每个公众号下识别每个人的一个标识,会给后端返回这个参数值作为标识。每个用户在每个公众号下的openId,是不一样的。
微信在获取code的时候要传的参数有以下几个
其中appid是可以在我们测试公众号里面拿到的,
return_url是在微信授权后会重定向的一个网址
参数 | 是否必须 | 说明 |
---|---|---|
appid | 是 | 公众号的唯一标识 |
redirect_uri | 是 | 授权后重定向的回调链接地址, 请使用 urlEncode 对链接进行处理 |
response_type | 是 | 返回类型,请填写code |
scope | 是 | 应用授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且, 即使在未关注的情况下,只要用户授权,也能获取其信息 ) |
state | 否 | 重定向后会带上state参数,开发者可以填写a-zA-Z0-9的参数值,最多128字节 |
#wechat_redirect | 是 | 无论直接打开还是做页面302重定向时候,必须带此参数 |
4获取access_token
访问网址
获取code后,请求以下链接获取access_token: https://api.weixin.qq.com/sns/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code
其中appid 和 secret可以在测试号中拿到
code就是我们上一个连接的code
再次访问后就会拿到一个json串
{
"access_token":"ACCESS_TOKEN",
"expires_in":7200,
"refresh_token":"REFRESH_TOKEN",
"openid":"OPENID",
"scope":"SCOPE"
}
参数 | 是否必须 | 说明 |
---|---|---|
appid | 是 | 公众号的唯一标识 |
secret | 是 | 公众号的appsecret |
code | 是 | 填写第一步获取的code参数 |
grant_type | 是 | 填写为authorization_code |
这样就拿到了openid,授权完成后就会跳转到我们第一次传入的redirect_url
当然了,这一切的访问都要在微信里面访问
当然网上还有一些第三方的sdk 例如weixin-java-mp
只需要引入maven依赖即可用
<dependency> <groupId>com.github.binarywang</groupId> <artifactId>weixin-java-mp</artifactId> <version>2.7.0</version> </dependency>
如果不是maven项目,可以在https://github.com/binarywang/WxJava寻找下载
我这里有一篇简单总结的文章使用第三方的sdk进行授权的文章https://blog.csdn.net/qq_37992974/article/details/88599639
本人这里只是总结,微信调试有很多的错误会爆出,还是得仔细看文档