本文讲的是微信JSSDK的使用和一些简单页面跟数据库的数据交互。
链接: 微信官方文档:.
JSSDK使用步骤
- 第一步:域名绑定(略过,前面第一篇讲过)
- 第一步:引入JS文件(略过)在需要调用JS接口的页面引入如下JS文件:http://res.wx.qq.com/open/js/jweixin-1.6.0.js
- 第三步:生成JS-SDK权限验证的签名通过config接口注入权限验证配置**
- 第四步:通过ready接口处理成功验证
第三步:生成JS-SDK权限验证的签名
出于安全考虑,开发者必须在服务器端实现签名的逻辑,所以我们就在控制器完成JS-SDK权限验证的签名,签名生成规则步骤:
一、前端页面通过ajax带页面路径D这个参数访问到后台签名方法Fun(F)
二、F获取ABCD参数值
三、字符串拼接四个ABCD参数成E
四、对E进行sha1加密便可以得到签名signature
五、F返回json数据(ABCD和signature)签名生成规则
参数说明
noncestr:A 自定义随机字符串
jsapi_ticket:B公众号的appsecret,有效期7200秒(需要通过access_token T获取)
微信官方文档说明:https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=T&type=jsapi
timestamp:C 当前时间戳
url:D 当前需要使用JSSDK的网页URL,不包含#及其后面部分
E=“jsapi_ticket=B&noncestr=A×tamp=C&url=D”;
签名加密signature=sha1(E);
第四步:config接口注入权限验证配置
第三步通过JSSDK签名权限验证后我们前台页面就可以成功拿到json数据,接着就是对返回来的数据进行注入 ,备注都很清楚了哦
ready接口处理成功验证这一步就是可以使用接口了,比如地图显示
图片拍照或获取本机图片
调用JSSDK页面,简单写了一个地图和拍照
上面步骤成功实现后点击上图地图按钮便可以调用地图了
这是拍照和选择图片功能
接口的调用都是如此了,想要更多好玩的接口,多多去官网获取哈,我这里主要是讲了配置,配置都做好了,剩下的接口就是复制粘贴。