背景
项目需要使用微信公众号发消息,然后就来接入这个微信授权啦,微信公众号发消息前提是还需要用户先关注公众号~
微信授权是有点恶心的,真的真的需要先配置好环境,开发的话目前是可以使用测试号申请公众号使用测试号的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_APPIDwindow.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