c# 微信公众号开发（四）JSSDK使用实现拍照、地图等接口的实现

写在前面：关注最下方公众号“Dotnet专栏”回复“微信开发”免费获取源码。
本文讲的是微信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);

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

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

ready接口处理成功验证

这一步就是可以使用接口了，比如地图显示

图片拍照或获取本机图片

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

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

这是拍照和选择图片功能

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

关注我们，获取更多Dotnet开发资源