• 下載 微信sdk

npm install weixin-js-sdk --save-dev

• 流程
  1，前端發(fā)起微信支付功能（請求后臺，讓后臺請求微信服務(wù)端）
  2，后臺請求微信服務(wù)端，請求成功后返回數(shù)據(jù)。
  3，前端調(diào)用 微信支付

import wx from 'weixin-js-sdk'
wx.chooseWXPay({
            appId: res.appid,
            timestamp: res.timestamp, // 支付簽名時間戳，注意微信jssdk中的所有使用timestamp字段均為小寫。但最新版的支付后臺生成簽名使用的timeStamp字段名需大寫其中的S字符
            nonceStr: res.noncestr, // 支付簽名隨機串，不長于 32 位
            package: res.package, // 統(tǒng)一支付接口返回的prepay_id參數(shù)值，提交格式如：prepay_id=***）
            signType: 'MD5', // 簽名方式，默認為'SHA1'，使用新版支付需傳入'MD5'
            paySign: res.sign, // 支付簽名
            success: function (res) {// 支付成功，
                // 跳轉(zhuǎn)的頁面
            },
            cancel: function (res) {// 支付取消
                wx.closeWindow() // 關(guān)閉當(dāng)前網(wǎng)頁窗口
            },
            fail: function (res) {// 支付失敗
                wx.closeWindow() // 關(guān)閉當(dāng)前網(wǎng)頁窗口
            }
          })

參考資料