基于新版云开发的微信支付

微信终于发布了基于云开发的微信支付，相比于原来的支付方式，新版的云开发版支付支持云函数形式的回调。网上查资料后发现基本没有详细的文章，我就吃一次螃蟹吧。
在几天的努力下，终于调试成功，目前小程序已上线，需要看效果的识别下面的小程序码。
开发过微信支付的同学都知道，文档坑，代码坑层出不穷，写此文章的目的就是把我遇到的坑给后来人提个醒（客观来说比以前的微信支付好调的多）。
废话不多说，正文开始：
1 申请微信商户号，关联小程序码。
此步骤没有什么难度，有一个坑是我申请商户号的时候因为没有申请下来新的小程序，所以提供的是一个旧的appid。当我新的小程序认证成功后在微信公众平台关联商户号后，调用统一下单接口一直报错：“商户传入的appid参数不正确,请联系商户处理”。在log中发现，统一下单接口返回的appid是我测试小程序的appid，也就是说新的小程序和商户没帮成功，这个也可以通过云开发控制台看出来：

屏幕快照 2020-05-30 上午12.11.45.png

但是郁闷的是改不了。没办法，只能重新申请一个商户号。。。
2 商户号和微信公众平台关联。
这步没什么坑，只要授权了就可以。
说明：一个小程序可以绑定多个商户号（同一主体，不同主体没试过），只要开发的时候写对就行。
3 在云开发控制台进行微信支付配置
如下图配置即可，如果运气好，不会出现我说的第一个坑。

屏幕快照 2020-05-30 上午12.15.55.png

如果此步骤没有配置，则调用统一下单接口后，会提示：受理关系不存在。这点需要注意，我在这里卡了一下。
4 写js端代码，作用：整理支付数据，调用支付云函数

formSubmit: function (e) {
     
    wx.showLoading({
      title: '加载中。。。',
    })
    let that = this;
    var uuid = util.uuid(16, 16)//调用自己的uuid函数
    var body = "换成自己的订单支付内容"
    
    wx.cloud.callFunction({
      name: "pay",
      data: {
        body: body,
        orderid: "" + uuid,
        money: 1,//支付金额
        nonceStr:util.uuid(32, 32)//调用自己的uuid函数
      },
      success(res) {
        wx.hideLoading({
          complete: (res) => {},
        })
        console.log("提交成功", res.result)
        //创建自己的未支付订单
         。。。

        that.pay(res.result)
      },
      fail(res) {
        wx.hideLoading({
          complete: (res) => {},
        })
        console.log("提交失败", res)
      }
    })
  }

//实现小程序支付
  pay(payData) {
    var that = this;
    const payment = payData.payment//这里注意，上一个函数的result中直接整合了这里要用的参数，直接展开即可使用
    wx.requestPayment({
      ...payment, //。。。是展开变量的语法 
      success(res) {
        console.log('pay success', res)
        //跳转到支付成功页面
      },
      fail(res) {
        console.error('pay fail', res)
        //跳转到支付失败页面
      }
    })
  }

5 云函数

const cloud = require('wx-server-sdk')
cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV
})

exports.main = async (event, context) => {    
const res = await cloud.cloudPay.unifiedOrder({
    "body" : event.body,
    "outTradeNo" : event.orderid,
    "spbillCreateIp" : "127.0.0.1",
    "subMchId" : "*******",//这里要注意：虽然key是子商户id，实际上就是普通商户id
    "totalFee" : parseInt(event.money),//第二个坑：注意必须是数字，如果不是数字，则会报错unifiedOrder:fail wx api error: -202
    "envId": "****-20**h",//这里是回调函数所属的的云环境id
    "functionName": "payCallBack",//这个是回调函数名
    "nonceStr":event.nonceStr,//第三个坑：官方文档中相关云函数代码没有nonceStr和tradeType，测试的时候会报nonceStr不存在的错，翻看文档才发现这个是必填项，直接粘过来以后还需要加上这两个参数
    "tradeType":"JSAPI"
  })
  return res
}

6 回调函数
之前网上的云开发微信支付都是没有回调的，很不方便。

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init({
 // API 调用都保持和云函数当前所在环境一致
 env: cloud.DYNAMIC_CURRENT_ENV
})

const db = cloud.database()
const _ = db.command;

// 云函数入口函数
exports.main = async (event, context) => {

。。。//自己的回调逻辑

 return { "errcode": 0 }//第四个坑：注意，一定要返回这个对象，否则回调回一直触发。尤其是自己的逻辑复杂的时候一定要保证所有case的返回都带上这个对象。
}

至此，微信支付开发完毕。

我在开发中遇到的更多的坑都已经记录在easyDemo小程序中，希望我的demo能给你easy。我还会持续更新easyDemo，欢迎收藏。

easyDemo.jpg

基于新版云开发的微信支付

你可能感兴趣的:(基于新版云开发的微信支付)