使用微信JS-SDK，web开发者可以使用微信高效地使用手机系统的拍照、选图、语音、定位等功能，可以直接使用微信独有的分享、扫描、卡券、支付等功能。

使用步骤

1.绑定域名

微信公众平台进入“微信官方账号设置”的“功能设置”，填写“JS接口安全域名”

2.介绍JS文件

在需要调用JS接口的页面上介绍下面的JS文件http://res.wx.qq.com/open/js/jweixin-1.4.0.js

3.通过配置接口注入权限验证配置

所有需要使用JS-SDK的页面都必须先注入配置信息，否则不会被调用

wx.config({

调试：真。//打开调试模式，所有被调用的API的返回值都会在客户端告警上发出。如果您想查看传入的参数，您可以在电脑端打开它们，参数信息将通过日志打印出来，只打印在电脑端。

AppId: ' '，//必选，微信官方账号标识

Timestamp://必需，生成签名的时间戳

NonceStr: ' '，//必需，生成随机签名字符串

签名： ' '，//必需，已签名

JsApiList: [] //为必选项，是要使用的JS接口列表

});

4.通过就绪界面成功验证

wx.ready(function(){

//配置信息验证后执行ready方法。所有的接口调用都必须在config接口得到结果之后进行。config是客户端的异步操作。因此，如果在加载页面时需要调用相关接口，则必须在ready函数中调用相关接口，以确保正确执行。对于只在用户触发时才调用的接口，可以直接调用，不需要放在ready函数中。

});

5.通过错误界面处理故障验证

wx.error(function(res){

//如果配置信息验证失败，将执行错误函数。如果验证由于签名过期而失败，可以在config的调试模式下或在返回的res参数中查看特定的错误信息。对于SPA，签名可以在这里更新。

});

6.先检查一下是不是微信浏览器

var isWeixin=function () {

//确定是不是微信

var ua=navigator . user agent . tolowercase()；

return ua . match(/micro messenger/I)=' micro messenger '；

};

如果是微信，请求后端接口获取签名并配置配置

if (isWeixin()) {

//共享

var url=location.href

$.post('/API/weixin/GetSignPackage '，{ url: url }，function (data) {

var option=JSON.parse(数据)；

wx.config({

//debug: true，

appId: option.appId，

timestamp:选项. timestamp，

nonceStr:选项. non crest，

签名选项：签名，

jsApiList: [

]

});

});

}

微信分享

原有的wx.onMenuShareTimeline、wx.onMenuShareAppMessage、wx.onMenuShareQQ、wx.onMenuShareQZone接口即将被放弃

最新的接口是6.7.2和JSSDK 1.4.0或更高版本支持的wx.updateAppMessageShareData和updateTimelineShareData接口

自定义“分享给朋友”和“分享给QQ”按钮的分享内容(1.4.0)

需要调用Wx.ready(function () {//才能让用户点击share按钮。

wx.updateAppMessageShareData({

标题： ' '，//共享标题

描述： ' '，//共享描述

Link: ' '，//共享链接。链接的域名或路径必须与当前页面对应的微信官方账号JS安全域名一致

ImgUrl: ' '，//共享图标

success: function () {

//设置成功

}

});

自定义“分享到朋友圈”和“分享到QQ空间”按钮的分享内容(1.4.0)

需要调用Wx.ready(function () {//才能让用户点击share按钮。

wx.updateTimelineShareData({

标题： ' '，//共享标题

Link: ' '，//共享链接。链接的域名或路径必须与当前页面对应的微信官方账号JS安全域名一致

ImgUrl: ' '，//共享图标

success: function () {

//设置成功

}

});