h5微信本地调试 vue_Vue 移动端微信内H5调起支付（利用js sdk）

前端的写法

1.封装wxPay.js

import wx from 'weixin-js-sdk' //先下载后引入

export function wexinPay(data) {

return new Promise((resolve, reject) => {

// 后台传入数据

const {

appId,

timeStamp,

nonceStr,

signature,

package,

paySign,

signType

} = data

// 验证微信环境

wx.config({

debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

appId: appId, // 必填，公众号的唯一标识

timeStamp: timeStamp, // 必填，生成签名的时间戳

nonceStr: nonceStr, // 必填，生成签名的随机串

signature: signature, // 必填，签名，见附录1

jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

})

wx.ready(function() {

wx.chooseWXPay({