微信开发交流群:148540125
欢迎留言、转发、打赏
系列文章参考地址 极速开发微信公众号
项目源码参考地址 点我点我–欢迎Start
#查看公众号是否有使用JSSDK的权限
服务号、订阅号可以通过登录微信公众平台查看开发>接口权限
使用JSSDK主要包括
1、判断当前客户端版本是否支持指定JS接口、
2、分享接口(微信认证)
3、图像接口
4、音频接口
5、智能接口(识别语音并返回结果)
6、设备信息(获取网络状态)
7、地理位置
8、界面操作
9、微信扫一扫
10、微信小店(服务号必须通过微信认证)
11、微信卡券 (微信认证)
12、微信支付(服务号必须通过微信认证)
使用JSSDK步骤
步骤一:绑定域名
先登录微信公众平台进入公众号设置
的功能设置
里填写JS接口安全域名
。
步骤二:引入JS文件
在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.0.0.js
如需使用摇一摇周边功能,请引入 http://res.wx.qq.com/open/js/jweixin-1.1.0.js
备注:支持使用 AMD/CMD 标准模块加载方法加载
步骤三:通过config接口注入权限验证配置
|
|
签名算法生成规则
请 官方参考文档
下面具体来讲讲 开源项目weixin_guide中的封装。
使用的时候只要在Controller方法上添加一个拦截器 JSSDKInterceptor
来实现签名验证再将wx.config
需要的参数设置对应的属性在页面上进行获取。
拦截器实现如下:
在Controller中使用
|
|
JSP页面上面使用
|
|
测试结果
在AppConfig 中添加路由me.add("/jssdk", JSSDKController.class,"/view");
手机中访问 http://域名[/项目名称]/jssdk
,如果设置了 debug= true
成功了就会弹出
如果出现 {"errorMsg":"config:invalid url domian"}
请检查步骤一:绑定域名 与你访问的域名是否在安全域名列表当中
步骤四:通过ready接口处理成功验证
config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
|
|
步骤五:通过error接口处理失败验证
|
|
步骤六:接口调用
拦截器具体实现 参考地址 点这里
js 接口调用参考地址 点这里
以上就是JSSDK使用的介绍。
欢迎留言、转发、打赏项目
源码参考地址 点我点我–欢迎Start