项目需求

项目生成订单,需要用户通过小程序进行支付。

解决方案

使用uni.requestPayment(),调用小程序中的付款功能。


<script>export default {data() {return {request:{id:xxxxx,info:'xxxx'}}},onLoad() {},methods: {// 提交订单subOrder() {this.post("api/order/createOrder", this.request).then(res => {if (res.code == 0) {// 得到订单的反参调用微信支付let pay = JSON.parse(res.data.prepayId);uni.requestPayment({timeStamp: pay.timeStamp,nonceStr: pay.nonceStr,package: pay.package,signType: pay.signType,paySign: pay.paySign,// 支付成功的回调success(result) {console.log(result)if (result.errMsg == "requestPayment:ok") {uni.showToast({icon: "success",title: "购买成功!"})}},// 支付失败回调fail(err) {uni.showToast({icon: "none",title: "支付失败"})}})}});}}}
</script>
参数名 类型 说明
provider String 服务提供商,通过 uni.getProvider 获取。
orderInfo String/Object 订单数据
timeStamp String 时间戳
nonceStr String 随机字符串,长度为32个字符以下。
package String 统一下单接口返回的 prepay_id 参数值,提交格式如:prepay_id=xx。
signType String 签名算法,暂支持 MD5。
paySign String 签名,具体签名方案参见 微信小程序支付文档
bannedChannels Array 需要隐藏的支付方式,详见 百度小程序支付文档
service Number 固定值:1(拉起小程序收银台)开发者如果不希望使用字节跳动小程序收银台,service设置为3/4时,可以直接拉起微信/支付宝进行支付:service=3: 微信API支付,不拉起小程序收银台;service=4: 支付宝API支付,不拉起小程序收银台。其中service=3、4,仅在1.35.0.1+基础库(头条743+)支持
_debug Number 仅限调试用
getOrderStatus Function 商户前端实现的查询支付订单状态方法(该方法需要返回个Promise对象)。 service=3、4时不需要传。
success Function 接口调用成功的回调
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

点赞 评论 收藏 ~~ 有疑惑的小伙伴,可能是我表达不清楚,可以留言讨论,如有错误,也希望大家不吝指出。 ~~ 点赞 评论 收藏

uniapp 小程序支付功能相关推荐

  1. 【微信小程序支付功能】uniapp实现微信小程序支付功能

    场景:要实现公司微信小程序的电商模块微信支付功能 一.实现步骤和思路 在登录状态,登录的时候获取到code,利用code获取到openid:https://blog.csdn.net/weixin_4 ...

  2. 微信小程序php后台支付,微信小程序 支付功能实现PHP实例详解

    微信小程序 支付功能实现PHP实例详解 前端代码: wx.request({ url: 'https://www.yourhost.com/weixin/WeiActivity/payJoinfee' ...

  3. android简单小程序完整代码_10行代码实现小程序支付功能!丨实战

    " 纯干货!本文教你用云开发轻松实现强大的小程序支付功能! " 导语 前面给大家讲过如何借助小程序云开发实现微信支付,但是这种开发方式相对繁琐,并且具有不稳定性,今天就给大家讲一下 ...

  4. 小程序云开发搜索功能的实现正则_码code | 如何借助小程序云开发实现小程序支付功能...

    转载来源:编程小石头 我们在做小程序支付相关的开发时,总会遇到这些难题.小程序调用微信支付时,必须要有自己的服务器,有自己的备案域名,有自己的后台开发.这就导致我们做小程序支付时的成本很大. 本节就来 ...

  5. 10行代码实现小程序支付功能!丨实战

    前面给大家讲过一个借助小程序云开发实现微信支付的,但是那个操作稍微有点繁琐,并且还会经常出现问题,今天就给大家讲一个简单的,并且借助官方支付api实现小程序支付功能. 传送门: 借助小程序云开发实现小 ...

  6. python个人微信支付接口_Python实现微信小程序支付功能

    正文 由于最近自己在做小程序的支付,就在这里简单介绍一下讲一下用python做小程序支付这个流程.当然在进行开发之前还是建议读一下具体的流程,清楚支付的过程. 1.支付交互流程 2.获取openid( ...

  7. 微信小程序支付功能后台PHP实现

    这是我博客关于微信小程序PHP后台的实现的第三篇,前两篇主要介绍了服务器的搭建过程及前台与服务器交互的方式,其实也就是通过get或者post方法传递文字数据,通过$_FILE[]来接收小程序传来的文件 ...

  8. python微信小程序抢购_Python实现微信小程序支付功能!Python确实强的一批!

    正文 由于最近自己在做小程序的支付,就在这里简单介绍一下讲一下用python做小程序支付这个流程.当然在进行开发之前还是建议读一下具体的流程,清楚支付的过程. 1.支付交互流程 2.获取openid( ...

  9. 微信小程序支付功能用服务器吗,微信小程序 支付功能 服务器端(TP5.1)实现...

    首先下载微信支付SDK ,将整个目录的文件放在 /application/extend/WxPay 目录下 在使用SDK之前我们需要对 WxPay.Config.php 进行配置 namespace ...

  10. SpringBoot对接微信小程序支付功能开发(一,下单功能)

    1,接入前准备: 接入模式选择直连模式: 申请小程序,得到APPID,并开通微信支付: 申请微信商户号,得到mchid,并绑定APPID: 配置商户API key,下载并配置商户证书,根据微信官方文档 ...

最新文章

  1. grub2 命令行进入系统
  2. DNS转发器引起的CDN访问缓慢
  3. Hyperledger Fabric 智能合约实战 (3) 安装fabric
  4. SQL之SELECT语句执行顺序及子句功能
  5. python进阶之多进程
  6. laravel mysql pdo,更改Laravel中的基本PDO配置
  7. 2021年上犹中学高考成绩查询入口,上犹县2019年高考成绩单出来了……
  8. 国外开发者怒怼:“GitHub 变得不再有趣了!”
  9. 【对讲机的那点事】对讲机天馈系统关键元器件之功分器
  10. Hadoop管理员的十个最佳实践(转)
  11. python导入win32com.client出错
  12. 洛谷 P3382(三分查找凹点和凸点)
  13. 通用量子计算机和容错量子计算,量子计算机研究(下册)——纠错和容错计算...
  14. 计算机英语作文150字,作文试题_150字_英语作文
  15. 读书印记 - 《文案创作完全手册:文案大师教你一步步写出销售力》
  16. 2020腾讯、百度、华为Android面试题校招汇总(已拿offer
  17. JAVA技术及应用(第二版)(赵锐,李卫华)学习总结
  18. java基础国庆作业_第四次作业 java程序设计国庆作业
  19. 学习笔记| AS入门(三) 布局篇
  20. 计算机桌面体验,安装具有桌面体验的服务器

热门文章

  1. 京东Q3财报净亏损28亿元,连续亏损,徐雷会下课吗?
  2. 创建你的战略型人际网络
  3. 一根网线连接两台电脑,从而实现数据的传输
  4. 项目需求分析与建议 NABCD模型
  5. 九州缥缈录 合集序言
  6. 油气井钻井风险预测与控制系统——需求分析
  7. 二层交换机、三层交换机和路由器的区别
  8. 计算机中硬盘隐藏,如何隐藏电脑硬盘盘符,保护个人隐私 | 我爱分享网
  9. 重做raid后,重启无法进入系统
  10. 用jQuery合并表格中相同文本的相邻单元格