支付宝小程-调起支付宝进行支付

题记

在支付宝小程序中调起支付服进行支付相对比较简单，记录下流程，帮没接触过过的小伙伴出个坑。

前后端大概2天搞定，工作量再后台，前端就两步1小时搞定。

1.服务端创建交易订单

buy() {
  let params={...}
  goodsService.addMemberVip(params).then(res => {
    console.log('res: ', res);
    // 服务端先创建一个交易订单
    payService.pay(res); // id: 110
  }).catch(err => {
    console.log('err: ', err);
  });
}

2.前端唤起收银台支付

// 前端根据交易订单唤起收银台支付
pay(id) {
  my.tradePay({
    tradeNO: id,
    success: function (res) {
      console.log('pay-res: ', res);
    },
    fail: function (err) {
      console.log('pay-err: ', err);
    },
  });
}

完整代码

封装一个支付的service
pay.service.js

export default {
  // 唤起收银台支付
  pay(id) {
    my.tradePay({
      tradeNO: id,
      success: function (res) {
        console.log('pay-res: ', res);
      },
      fail: function (err) {
        console.log('pay-err: ', err);
      },
    });
  }
}

具体页面

import payService from '../../service/pay.service';

buy() {
    console.log('this.data.currentVip: ', this.data.currentVip);
    let params={
      "type":  this.data.currentVip.memberVipLevelStatus,
      "vipId": this.data.currentVip.id
    }
    console.log('params: ', params);
    goodsService.addMemberVip(params).then(res => {
      console.log('res: ', res);
      payService.pay(res);
    }).catch(err => {
      console.log('err: ', err);
    });
  }