微信网页授权

不念不忘少年蓝@ 2022-03-07 07:46 554阅读 0赞

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

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

**文档链接：**[https://mp.weixin.qq.com/wiki?t=resource/res\_main&id=mp1445241432][https_mp.weixin.qq.com_wiki_t_resource_res_main_id_mp1445241432]

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

**1微信公众号**

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

[https://blog.csdn.net/qq\_37992974/article/details/88598502][https_blog.csdn.net_qq_37992974_article_details_88598502]

**2.有了公众号以后，进行授权域名的设置**

这里以测试号为例：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTkyOTc0_size_16_color_FFFFFF_t_70][]

**在体验接口列表中，查找授权**![20190316151756527.PNG][]

点击修改

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTkyOTc0_size_16_color_FFFFFF_t_70 1][]

**填写你的可以在外网上进行访问的域名 记住是域名，不是网址没有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是在微信授权后会重定向的一个网址**

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>是否必须</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>appid</td> 
   <td>是</td> 
   <td>公众号的唯一标识</td> 
  </tr> 
  <tr> 
   <td>redirect_uri</td> 
   <td>是</td> 
   <td>授权后重定向的回调链接地址， 请使用 urlEncode 对链接进行处理</td> 
  </tr> 
  <tr> 
   <td>response_type</td> 
   <td>是</td> 
   <td>返回类型，请填写code</td> 
  </tr> 
  <tr> 
   <td>scope</td> 
   <td>是</td> 
   <td>应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），snsapi_userinfo （弹出授权页面，可通过openid拿到昵称、性别、所在地。并且， 即使在未关注的情况下，只要用户授权，也能获取其信息 ）</td> 
  </tr> 
  <tr> 
   <td>state</td> 
   <td>否</td> 
   <td>重定向后会带上state参数，开发者可以填写a-zA-Z0-9的参数值，最多128字节</td> 
  </tr> 
  <tr> 
   <td>#wechat_redirect</td> 
   <td>是</td> 
   <td>无论直接打开还是做页面302重定向时候，必须带此参数</td> 
  </tr> 
 </tbody> 
</table>

** 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" 
     }

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>是否必须</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>appid</td> 
   <td>是</td> 
   <td>公众号的唯一标识</td> 
  </tr> 
  <tr> 
   <td>secret</td> 
   <td>是</td> 
   <td>公众号的appsecret</td> 
  </tr> 
  <tr> 
   <td>code</td> 
   <td>是</td> 
   <td>填写第一步获取的code参数</td> 
  </tr> 
  <tr> 
   <td>grant_type</td> 
   <td>是</td> 
   <td>填写为authorization_code</td> 
  </tr> 
 </tbody> 
</table>

这样就拿到了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][https_github.com_binarywang_WxJava]寻找下载

我这里有一篇简单总结的文章使用第三方的sdk进行授权的文章[https://blog.csdn.net/qq\_37992974/article/details/88599639][https_blog.csdn.net_qq_37992974_article_details_88599639]

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

[https_mp.weixin.qq.com_wiki_t_resource_res_main_id_mp1445241432]: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432
[https_blog.csdn.net_qq_37992974_article_details_88598502]: https://blog.csdn.net/qq_37992974/article/details/88598502
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTkyOTc0_size_16_color_FFFFFF_t_70]: /images/20220307/3d078fea6c2f47bfb2015fa886a7a61d.png
[20190316151756527.PNG]: /images/20220307/582c7572644a4bc79b9b188ddf8a121a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3OTkyOTc0_size_16_color_FFFFFF_t_70 1]: /images/20220307/7b994049492241f890bf6df176ceecf8.png
[https_github.com_binarywang_WxJava]: https://github.com/binarywang/WxJava
[https_blog.csdn.net_qq_37992974_article_details_88599639]: https://blog.csdn.net/qq_37992974/article/details/88599639