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

题记

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

前后端大概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);});}