引入微信sdk

在html页面head中引入http://res.wx.qq.com/open/js/jweixin-1.6.0.js

注册微信支付方法

// 注册微信支付
const initSdk = () => {
wx.config({
  debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
  appId: '', // 必填，服务号的唯一标识
  timestamp: , // 必填，生成签名的时间戳
  nonceStr: '', // 必填，生成签名的随机串
  signature: '',// 必填，签名
  jsApiList: ["chooseWXPay"] // 必填，需要使用的JS接口列表
});
};

发起微信支付

const handlePay = (data) => {
    WeixinJSBridge.invoke(
        'getBrandWCPayRequest',
        {
            appId: data.appid,
            timeStamp: String(data.timeStamp),
            nonceStr: data.nonceStr,
            package: data.package,
            signType: 'MD5',
            paySign: data.paySign
        },
        function (res) {
            if (res.err_msg === 'get_brand_wcpay_request:ok') {
                uni.reLaunch({
                    url: '/pages/index/index'
                });
            } else {
                uni.showModal({
                    title: '支付失败',
                    content: res.err_msg,
                    showCancel: false
                });
            }
        }
    );
};