题记

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

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

支付宝小程-调起支付宝进行支付相关推荐

抖音小程序调起支付宝支付php微擎代码和HTML代码
抖音小程序调起支付宝支付php微擎代码和HTML代码内部订单号生成后,下一步调支付宝支付.内部订单号没有成功的看https://blog.csdn.net/weixin_3761 ...
支付宝支付开发实践总结-Java-支付宝当面付-支付宝小程序-二维码生成-支付宝退款-APP调起支付宝支付
虽然目前相对较火的支付方式是微信支付,但是本人更喜欢支付宝支付,有积分拿,还可以部分提现免手续费,每月还有信用卡还款免手续费额度,捐步数,蚂蚁森林等等,扯远了,总之,对我来说,微信用于沟通,支付宝是支 ...
微信小程序公众号支付宝小程序的登录授权、支付、分享、人脸识别人脸核身
文章目录一.微信小程序 1. 获取信息用户信息 2.支付 3.分享 4. 腾讯云小程序人脸核身二.微信公众号 1.获取信息用户信息 2.支付 3. 分享(普通分享) 4.分享(vue单页面配置分 ...
支付宝小程 rich-text标签不显示问题解决
原因: 在支付宝小程序中,rich-text的nodes 属性只支持使用 Array类型,如果需要支持 HTML String,则需要自己将 HTML String 转化为 nodes 解决方式: 安 ...
支付宝小程引入 SJS
import-sjs 标签用于将 SJS 脚本文件定义的符号引入当前 AXML 文件  <import-sjs name="util&q ...
uniapp支付宝小程扫描二维码获取参数
onLaunch(options) {if (options.query && options.query.qrCode) {this.qrCodeUrl = options.quer ...
支付宝小程序跳转支付宝官方页面
my.ap.navigateToAlipayPage 是用于小程序中跳转到支付宝官方业务或运营活动页面的 API. 具体用法参考官方文档: my.ap.navigateToAlipayPage | 小 ...
支付宝小程序服务器要求,支付宝小程序：支付宝服务端SDK
支付宝 OpenAPI SDK Yet Another Alipay OpenAPI Smart Development Kit 主要功能 OOP风格化的,可弹性扩容的,支付宝OpenAPI SDK ...
支付宝小程序唤起签约并支付（周期扣款）
目录获取支付参数拼接成的字符串支付宝小程序内唤起签约并支付页面获取支付参数拼接成的字符串调用alipay.trade.app.pay接口,获取orderStr,具体参数如下: 公共请求参数参 ...

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

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

题记

1.服务端创建交易订单

2.前端唤起收银台支付

完整代码

支付宝小程-调起支付宝进行支付相关推荐

最新文章

热门文章