C#开发微信门户及应用使用微信JSSDK实现签到功能的介绍

C#开发微信门户及应用使用微信JSSDK实现签到功能的介绍
随着微信开逐步开放更多JSSDK的接口，我们可以利用自定义网页的方式来调用更多微信的接口，实现我们更加丰富的界面功能和效果，例如我们可以在页面中调用各种手机的硬件来获取信息，如摄像头拍照，GPS信息、扫描二维码等等，本篇介绍如何利用这些JSSDK接口实现签到的功能，其中签到需要报送地理坐标和地址，调用摄像头实时拍照，以及获取当前用户的相关信息等等。

本文讲述C#开发微信门户及应用使用微信JSSDK实现签到功能的介绍

随着微信开逐步开放更多JSSDK的接口，我们可以利用自定义网页的方式来调用更多微信的接口，实现我们更加丰富的界面功能和效果，例如我们可以在页面中调用各种手机的硬件来获取信息，如摄像头拍照，GPS信息、扫描二维码等等，本篇介绍如何利用这些JSSDK接口实现签到的功能，其中签到需要报送地理坐标和地址，调用摄像头实时拍照，以及获取当前用户的相关信息等等。

1、JSSDK的说明

微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。

目前JSSDK支持的接口分类包括下面几类：基础接口、分享接口、图像接口、音频接口、智能接口、设备信息、地理位置、摇一摇周边、界面操作、微信扫一扫、微信小店、微信卡券、微信支付，随着微信功能的全部整合，估计更多的接口会陆续开放出来。

在微信的后台进入【开发者文档】模块，我们可以看到对应的JSSDK的功能分类和介绍，如下所示。

从右侧我们可以详细看到各个接口的使用说明，基本上JSSDK的使用方法都类似，因此调试通过并掌握其中一两个，其他的也就依葫芦画瓢，照着做就可以了。

1）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 标准模块加载方法加载

当然，我们一般编辑页面，为了方便实现更多的效果，可能还会引入其他JS，如JQuery的类库等等。还有，我们还可以基于WeUI的jquery-weui类库，实现更加丰富的功能，如下是我们案例代码里面的JS引用。

<script src="~/Content/wechat/jquery-weui/lib/jquery-2.1.4.js"></script> <script src="~/Content/wechat/jquery-weui/js/jquery-weui.js"></script> <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>