本文讲的是微信JSSDK的使用和一些简单页面跟数据库的数据交互。
链接: 微信官方文档:.

JSSDK使用步骤

  1. 第一步:域名绑定(略过,前面第一篇讲过)
  2. 第一步:引入JS文件(略过)在需要调用JS接口的页面引入如下JS文件:http://res.wx.qq.com/open/js/jweixin-1.6.0.js
  3. 第三步:生成JS-SDK权限验证的签名通过config接口注入权限验证配置**
  4. 第四步:通过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&timestamp=C&url=D”;

签名加密signature=sha1(E);

sdk引入后调用 java 调用sdk接口_json数据


sdk引入后调用 java 调用sdk接口_c#_02


sdk引入后调用 java 调用sdk接口_微信_03

第四步:config接口注入权限验证配置

第三步通过JSSDK签名权限验证后我们前台页面就可以成功拿到json数据,接着就是对返回来的数据进行注入 ,备注都很清楚了哦

sdk引入后调用 java 调用sdk接口_c#_04


ready接口处理成功验证这一步就是可以使用接口了,比如地图显示

sdk引入后调用 java 调用sdk接口_sdk引入后调用 java_05


图片拍照或获取本机图片

sdk引入后调用 java 调用sdk接口_微信_06


调用JSSDK页面,简单写了一个地图和拍照

sdk引入后调用 java 调用sdk接口_c#_07


上面步骤成功实现后点击上图地图按钮便可以调用地图了

sdk引入后调用 java 调用sdk接口_微信_08

这是拍照和选择图片功能

sdk引入后调用 java 调用sdk接口_c#_09

sdk引入后调用 java 调用sdk接口_json数据_10


接口的调用都是如此了,想要更多好玩的接口,多多去官网获取哈,我这里主要是讲了配置,配置都做好了,剩下的接口就是复制粘贴。

sdk引入后调用 java 调用sdk接口_微信_11