支付宝小程-调起支付宝进行支付
题记1.服务端创建交易订单2.前端唤起收银台支付完整代码题记
在支付宝小程序中调起支付服进行支付相对比较简单,记录下流程,帮没接触过过的小伙伴出个坑。
前后端大概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);});}