背景
项目需要使用微信公众号发消息，然后就来接入这个微信授权啦，微信公众号发消息前提是还需要用户先关注公众号~
微信授权是有点恶心的，真的真的需要先配置好环境，开发的话目前是可以使用测试号申请公众号使用测试号的appid~
微信公众号授权
1、服务准备
- 项目根域名绑定微信文件，两种配置方式
1、自行配置nginx文件
location /MP_verify_****.txt {
root /data/;
try_files $uri /MP_verify_*****.txt;
}
2、找服务端帮忙在项目根目录下加上/MP_verify_*****.txt即可
- 配置完成之后检查项目下根域名路径下可以查看到/MP_verify_*****.txt 文件即可
举个例子：如果是https://www.baidu.com/下配置文件, 在https://www.baidu.com/MP_verify_*****.txt 可以看到文件就可以啦
2、微信公众号绑定js域名
配置完文件在微信公众号里面绑定域名就可以啦，微信的授权支持http~
3、开始授权
- 授权链接为：
const path = window.location.origin + window.location.pathname
const appid = isProdHost ? WX_APPID : WX_TEST_APPID
window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURI(
path,
)}&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect`
- 静默授权：
scope=snsapi_base- 具体表现：当前页面刷新，用户无感知，无弹窗
- 用户授权：
scope=snsapi_userinfo- 具体表现： 授权之后发起弹窗，授权同意之后，用户跳转回原路径
- 具体表现： 授权之后发起弹窗，授权同意之后，用户跳转回原路径
测试号使用~
进入测试号配置：https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index
1、获取测试号appid
2、配置JS接口安全授权域名
- 注意这里只要域名，不要协议
3、网页授权配置用户信息配置
在体验接口权限表—网页服务----网页账号
4、关注公众号即可微信开发者工具查看啦
最后使用测试服务号关注之后即可
其他
听说目前有服务号消息授权，也可以授权发消息，后期有实践我再来补充~
参考
测试服务号配置：https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index
网页授权文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
