小程序中接入微信支付完整教程

好的，下面是小程序接入微信支付的完整教程：

步骤一：申请微信支付

1.1 进入微信支付官网（https://pay.weixin.qq.com/），点击“立即申请”按钮，进入申请页面。

1.2 按照页面提示填写商户信息，包括商户基本信息、经营信息、结算信息等。

1.3 提交审核后等待微信支付审核通过。

1.4 审核通过后，进入“开发配置”页面，生成并保存商户号、支付密钥、公众号AppID等信息。

步骤二：引入微信支付组件

2.1 在小程序根目录下的app.json文件中添加以下代码：

{
  "pages":[
    "pages/index/index",
    "pages/pay/pay"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "小程序支付",
    "navigationBarTextStyle":"black"
  },
  "plugins": {
    "myPlugin": {
      "version": "1.0.0",
      "provider": "wx0000000000000000"
    }
  }
}

其中，“pages”数组中添加了两个页面，“pay”页面是用来发起支付的页面，“plugins”字段用来引入微信支付组件。

2.2 在小程序根目录下的project.config.json文件中添加以下代码：

{
  "miniprogramRoot": "miniprogram/",
  "plugins": {
    "myPlugin": {
      "version": "1.0.0",
      "provider": "wx0000000000000000"
    }
  }
}

其中，“plugins”字段用来引入微信支付组件。

2.3 在小程序的pay页面中引入微信支付组件，代码如下：

const myPluginInterface = requirePlugin('myPlugin')
const wxpay = myPluginInterface.wxpay

步骤三：发起支付请求

3.1 在小程序的pay页面中调用微信支付组件的requestPayment方法：

wx.requestPayment({
  timeStamp: '时间戳',
  nonceStr: '随机字符串',
  package: '预支付交易会话标识',
  signType: '签名方式',
  paySign: '签名',
  success(res) {
    console.log('支付成功', res)
  },
  fail(res) {
    console.log('支付失败', res)
  }
})

其中，timeStamp、nonceStr、package、signType、paySign是通过调用微信支付后台接口获取到的支付信息。

3.2 在小程序的pay页面中调用微信支付组件的getSign方法获取签名：

wxpay.getSign({
  timeStamp: '时间戳',
  nonceStr: '随机字符串',
  package: '预支付交易会话标识',
  signType: '签名方式',
  success(res) {
    console.log('获取签名成功', res)
  },
  fail(res) {
    console.log('获取签名失败', res)
  }
})

其中，timeStamp、nonceStr、package、signType是通过调用微信支付后台接口获取到的支付信息。

以上就是小程序接入微信支付的完整教程，希望能对你有所帮助！