uniapp微信授权+接入JS SDK完整步骤
作者:小可不会1234
1、授权步骤
打开微信授权地址:https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect
用户同意授权后回跳当前页会有code、access_token
授权地址配置信息
appid:微信公众号后台配置
redirect_uri:授权后回跳地址
state:回调后携带的参数(支持A-Z a-z 0-9)仅支持128个字节
scope:值为snsapi_userinfo 用户需手动授权获取用户信息
微信官网授权文档: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html
2、接入JS SDK步骤
在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.6.0.js
通过config接口注入权限验证配置
通过ready接口处理成功验证,checkJsApi判断当前客户端是否支持指定js接口
注意点
授权注意点
微信环境中打开(非微信环境会提示微信环境的打开)
用户同意授权后(一个月内)用户无需再次授权,一个微信多个头像或多个微信每次都会进行授权
授权后的回跳页面地址参数微信会丢弃,使用state携带参数
回跳地址的域名需和微信后台配置的域名一致,否则会报错
确认授权注意点
uniapp集成了wx实例,引入<script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>就不能再使用wx.config配置,可以使用jWeixin.config
通过config接口注入权限验证配置(出于安全考虑,开发者必须在服务器端实现签名的逻辑)
生成签名文档:概述 | 微信开放文档
总结
到此这篇关于uniapp微信授权+接入JS SDK的文章就介绍到这了,更多相关uniapp微信授权接入JS SDK内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!