优化网站步骤,凡科教育小程序怎么样,上饶市网站建设公司,网页游戏制作过程背景
项目需要使用微信公众号发消息#xff0c;然后就来接入这个微信授权啦#xff0c;微信公众号发消息前提是还需要用户先关注公众号~ 微信授权是有点恶心的#xff0c;真的真的需要先配置好环境#xff0c;开发的话目前是可以使用测试号申请公众号使用测试号的appid~
…背景
项目需要使用微信公众号发消息然后就来接入这个微信授权啦微信公众号发消息前提是还需要用户先关注公众号~ 微信授权是有点恶心的真的真的需要先配置好环境开发的话目前是可以使用测试号申请公众号使用测试号的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_typecodescopesnsapi_basestateSTATE#wechat_redirect静默授权scopesnsapi_base 具体表现当前页面刷新用户无感知无弹窗 用户授权scopesnsapi_userinfo 具体表现 授权之后发起弹窗授权同意之后用户跳转回原路径
测试号使用~
进入测试号配置https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?actionshowinfotsandbox/index 1、获取测试号appid
2、配置JS接口安全授权域名
注意这里只要域名不要协议
3、网页授权配置用户信息配置 在体验接口权限表—网页服务----网页账号
4、关注公众号即可微信开发者工具查看啦 最后使用测试服务号关注之后即可
其他
听说目前有服务号消息授权也可以授权发消息后期有实践我再来补充~
参考 测试服务号配置https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?actionshowinfotsandbox/index 网页授权文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
