javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > uniapp微信授权接入JS SDK

uniapp微信授权+接入JS SDK完整步骤

作者:小可不会1234

Uniapp H5使用jssdk对接微信公众号的时候,遇到了一些问题,这篇文章主要介绍了uniapp微信授权+接入JS SDK的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下

1、授权步骤

  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

  2. 用户同意授权后回跳当前页会有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步骤

  1. 在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.6.0.js

  2. 通过config接口注入权限验证配置

  3. 通过ready接口处理成功验证,checkJsApi判断当前客户端是否支持指定js接口

注意点

授权注意点

  1. 微信环境中打开(非微信环境会提示微信环境的打开)

  2. 用户同意授权后(一个月内)用户无需再次授权,一个微信多个头像或多个微信每次都会进行授权

  3. 授权后的回跳页面地址参数微信会丢弃,使用state携带参数

  4. 回跳地址的域名需和微信后台配置的域名一致,否则会报错

 确认授权注意点

  1. uniapp集成了wx实例,引入<script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>就不能再使用wx.config配置,可以使用jWeixin.config

  2. 通过config接口注入权限验证配置(出于安全考虑,开发者必须在服务器端实现签名的逻辑)

生成签名文档:概述 | 微信开放文档

总结

到此这篇关于uniapp微信授权+接入JS SDK的文章就介绍到这了,更多相关uniapp微信授权接入JS SDK内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文