微信网页授权

最新推荐文章于 2025-07-14 15:11:19 发布

ajungejava

最新推荐文章于 2025-07-14 15:11:19 发布

阅读量884

点赞数

CC 4.0 BY-SA版权

分类专栏：微信相关

本文链接：https://blog.youkuaiyun.com/qq_37992974/article/details/88598348

微信相关专栏收录该内容

4 篇文章

订阅专栏

根据微信开发文档进行微信网页授权

谈及微信，必须查看其开发文档，这里是使用微信公众号进行网页的转发授权

文档链接：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432

在微信网页开发栏目中查看网页授权文档

1微信公众号

你先有一个微信公众号，如果没有，对于开发者，微信给我们提供了一个测试号，关于测试号的申请，请查看

https://blog.youkuaiyun.com/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.youkuaiyun.com/qq_37992974/article/details/88599639

本人这里只是总结，微信调试有很多的错误会爆出，还是得仔细看文档