微信中一些常用的JS方法汇总

本文将介绍一些在微信开发中常用的JS方法，内容包括微信JS-SDK的使用、微信支付的相关JS方法以及微信浏览器中特有的JSAPI等。

微信JS-SDK

微信JS-SDK是微信公众号提供给开发者的一组开发工具包，使用微信JS-SDK可以轻松地在网页中调用微信JS-SDK提供的接口，例如分享、扫一扫等功能。

1. 引入JS文件

在需要使用微信JS-SDK的页面中引入JS文件：

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

2. 初始化

在JS文件引入之后，需要对微信JS-SDK进行初始化。初始化需要在微信公众号管理界面进行配置，获取appid和appsecret等信息。然后在页面中调用wx.config方法进行初始化：

wx.config({
  debug: true,
  appId: 'xxxxx',
  timestamp: xxxx,
  nonceStr: 'xxxxx',
  signature: 'xxxxx',
  jsApiList: []
});

3. 调用JS-SDK接口

JS-SDK提供了很多接口供开发者使用，比如分享到朋友圈、选择图片、预览图片等。这些接口的调用方法都非常相似，以分享到朋友圈为例：

wx.onMenuShareTimeline({
  title: '分享标题',
  link: '分享链接',
  imgUrl: '分享图标',
  success: function () { 
    // 分享成功后的回调函数 
  },
  cancel: function () { 
    // 分享取消后的回调函数
  }
});

微信支付

微信支付是基于微信开放平台提供的支付接口，可以在微信公众号中使用支付功能。下面介绍几个微信支付相关的JS方法：

1. 调用支付接口

在调用微信支付接口前，需要先获取支付参数。支付参数包括appid、timeStamp、nonceStr、prepay_id、sign等信息。获取到支付参数之后，可以调用wx.chooseWXPay方法发起支付：

wx.chooseWXPay({
  appId: 'xxxx',  // 公众号名称，由商户传入
  timeStamp: 'xxxx',  // 时间戳，自1970年以来的秒数
  nonceStr: 'xxxx',  // 随机串
  package: 'xxxx',  // 统一下单接口返回的prepay_id参数值
  signType: 'MD5',  // 签名方式
  paySign: 'xxxx',  // 签名
  success: function (res) {
    // 支付成功后的回调函数
  },
  cancel: function (res) {
    // 支付取消后的回调函数
  },
  fail: function (res) {
    // 支付失败后的回调函数
  }
});

2. 批量查询支付结果

在微信支付完成后，可能需要对支付结果进行查询。微信支付提供了一个批量查询支付结果的接口wx.scanQRCode，可以批量查询订单的支付状态和金额。

wx.scanQRCode({
  needResult: 1,
  scanType: ["qrCode","barCode"],
  success: function (res) {
    var resultStr = res.resultStr; // 当needResult为1时，扫码返回的结果
    // 对返回结果进行解析
  }
});

微信浏览器中特有JSAPI

微信浏览器中提供了一些特有的JSAPI，例如光线感应、摇一摇等。这些JSAPI需要先调用wx.ready方法进行初始化：

wx.ready(function () {
  // 在这里调用微信浏览器中的JSAPI
});

1. 光线感应

微信浏览器提供了光线感应的JSAPI，可以让网页根据周围光线强度的变化来做出相应的响应。

wx.on('onGetLightSuccess', function(res){
  // 光线感应成功后的回调函数
  var lightIntensity = res.intensity;
  // 对光线强度进行判断
  if (lightIntensity < 100) {
    // 光线太暗，在这里做出相应的响应
  }
});

2. 摇一摇

微信浏览器提供了摇一摇的JSAPI，可以让网页在用户摇动手机的时候做出相应的响应。

wx.on('onAccelerometerChange', function(res){
  var speed = Math.sqrt(res.x*res.x + res.y*res.y + res.z*res.z);
  // 对手机摇动速度进行判断
  if (speed > 10) {
    // 手机被摇了，做出相应的响应
  }
});

以上就是微信中一些常用的JS方法的汇总，其中涉及到的方法仅是部分，更多详情请查阅微信官方文档。