uniapp开发微信公众号之网页授权

矫情吗；* 2022-09-04 05:54 457阅读 0赞

## 目录 ##

> 公众号网页授权的步骤

##### 网页授权步骤 #####

献上官网地址参考：[公众号网页授权][Link 1]

1.  先要拥有`微信公众号`，注意此处的公众号是`服务号`（需要认证）,因为个人订阅号没有跳转外部链接的权限
2.  项目要能被公网访问到（这样才能授权微信接口），最常见的做法是`内网穿透`
3.  在公众号内`配置域名`（注意事项参考官方文档），域名为`服务内网穿透后的域名`
4.  根据`官方示例`替换掉相应的字段来`授权`

##### 具体实现 #####

1.  第一步略
2.  能被公网访问到的方式很多，但最简洁的还要数内网穿透，此处用到的工具是：[网云穿][Link 2]。具体使用方式可通过官网查看（简单实用）
3.  公众号域名配置（此处以我的配置为例）  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N3cTUyMW8_size_16_color_FFFFFF_t_70]  
    配置域名时微信为了安全起见需要将一个`含字符串的txt`文件放在服务器上，可以通过域名访问到这个txt文件才能配置成功。（但值得注意的是我们可以把其放在方便访问的服务上做内网穿透，把内网穿透的域名先配置上。然后保证域名不变的情况下为无法访问txt文件的服务做内网穿透）。等域名配置成功后就可进行下一步操作了。
4.  根据官方示例授权

示例：

https://open.weixin.qq.com/connect/oauth2/authorize?appid=`公众号的appid`&redirect_uri=`重定向的地址（跟内网穿透的域名地址一致）`&response_type=code&scope=`获取用户哪类信息（snsapi_base或snsapi_userinfo）`&state=STATE#wechat_redirect

解释：将上面示例填写好后，放在`微信开发者工具`公众号开发的url中会重定向到项目位置，`微信`会在url中为我们`拼上授权的code`，拿到code后岂不起飞。

[Link 1]: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
[Link 2]: http://www.neiwangchuantou.net/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N3cTUyMW8_size_16_color_FFFFFF_t_70]: /images/20220829/8a65aea342b9469e8e5b18ec6a168083.png