uniapp小程序uniCloud云开发云函数对接微信支付实现方案

本文主要是介绍uniapp小程序uniCloud云开发云函数对接微信支付实现方案,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

准备工作

申请微信商户号:
微信支付 - 中国领先的第三方支付平台 | 微信支付提供安全快捷的支付方式 (qq.com)

提交营业执照,公司对公账户。

申请通过后可以拿到两个东西:商户号 mchid 和 密钥 partnerKey (这里用的是APIv2)

写云函数

在项目云函数目录下右键 新建云函数起名wxpay 

新建成功后 在wxpay的根目录下安装插件tenpay

npm install tenpay --save

安装成功之后上传部署并运行 或者采用本地调试

const tenpay = require('tenpay');
const config = {appid: '小程序appid', mchid: '微信支付商户号',partnerKey: '商户号密钥 后台自己生成', notify_url: 'http://xxx.xxx.cn', // 随便填不影响spbill_create_ip: '127.0.0.1' // 这里填这个就可以
};exports.main = async(event, context) => {const {orderid,money,title} = event;const api = tenpay.init(config);const res = await api.getPayParams({out_trade_no: orderid, //订单idtotal_fee: money,	// 订单金额(分)body: title,openid: 'openid' // 付款用户的openid});return res;
}

拉起支付

<button @click="createOrder()">创建订单</button>createOrder(){uniCloud.callFunction({name: 'wxpay',data: {title: '一辆自行车',orderid: "123456",money: 100}}).then(res=>{console.log('订单结果',res)wx.requestPayment({timeStamp: res.result.timeStamp,nonceStr: res.result.nonceStr,package: res.result.package, //统一下单接口返回的 prepay_id 格式如:prepay_id=***signType: 'MD5',paySign: res.result.paySign, //签名success(res) {console.log("支付成功", res)},fail(res) {console.log("支付失败", res)},complete(res) {console.log("支付完成", res)}})})
},

到这里基本上就结束了。我们再来梳理下流程:先注册微信商户号,绑定公司账户;再写云函数,对接商户号;然后前端调用云函数,在用户端拉起支付;用户支付成功后,金额就会直接到商户号那里,商户号每日自动提现到公司账户。

获取openid

https://api.weixin.qq.com/sns/jscode2session?appid=小程序appid&secret=小程序密钥&js_code=小程序用户code&grant_type=authorization_code

其他参考文档

使用云开发环境的云函数实现微信小程序的支付功能_腾讯云函数实现小程序支付-CSDN博客

小程序云开发也能优雅实现微信支付 | 微信开放社区 (qq.com)

小程序云开发实现微信支付完整代码_node-tenpay-CSDN博客

uniapp+unicloud:unipay(v3支付)_2个小程序 uni-pay-CSDN博客

uniapp + uniCloud+unipay 实现微信小程序支付功能_uni-pay-CSDN博客

这篇关于uniapp小程序uniCloud云开发云函数对接微信支付实现方案的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1066331

相关文章

Spring Boot 实现 IP 限流的原理、实践与利弊解析

《SpringBoot实现IP限流的原理、实践与利弊解析》在SpringBoot中实现IP限流是一种简单而有效的方式来保障系统的稳定性和可用性,本文给大家介绍SpringBoot实现IP限... 目录一、引言二、IP 限流原理2.1 令牌桶算法2.2 漏桶算法三、使用场景3.1 防止恶意攻击3.2 控制资源

基于Python开发Windows屏幕控制工具

《基于Python开发Windows屏幕控制工具》在数字化办公时代,屏幕管理已成为提升工作效率和保护眼睛健康的重要环节,本文将分享一个基于Python和PySide6开发的Windows屏幕控制工具,... 目录概述功能亮点界面展示实现步骤详解1. 环境准备2. 亮度控制模块3. 息屏功能实现4. 息屏时间

springboot下载接口限速功能实现

《springboot下载接口限速功能实现》通过Redis统计并发数动态调整每个用户带宽,核心逻辑为每秒读取并发送限定数据量,防止单用户占用过多资源,确保整体下载均衡且高效,本文给大家介绍spring... 目录 一、整体目标 二、涉及的主要类/方法✅ 三、核心流程图解(简化) 四、关键代码详解1️⃣ 设置

Nginx 配置跨域的实现及常见问题解决

《Nginx配置跨域的实现及常见问题解决》本文主要介绍了Nginx配置跨域的实现及常见问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来... 目录1. 跨域1.1 同源策略1.2 跨域资源共享(CORS)2. Nginx 配置跨域的场景2.1

Python中提取文件名扩展名的多种方法实现

《Python中提取文件名扩展名的多种方法实现》在Python编程中,经常会遇到需要从文件名中提取扩展名的场景,Python提供了多种方法来实现这一功能,不同方法适用于不同的场景和需求,包括os.pa... 目录技术背景实现步骤方法一:使用os.path.splitext方法二:使用pathlib模块方法三

CSS实现元素撑满剩余空间的五种方法

《CSS实现元素撑满剩余空间的五种方法》在日常开发中,我们经常需要让某个元素占据容器的剩余空间,本文将介绍5种不同的方法来实现这个需求,并分析各种方法的优缺点,感兴趣的朋友一起看看吧... css实现元素撑满剩余空间的5种方法 在日常开发中,我们经常需要让某个元素占据容器的剩余空间。这是一个常见的布局需求

HTML5 getUserMedia API网页录音实现指南示例小结

《HTML5getUserMediaAPI网页录音实现指南示例小结》本教程将指导你如何利用这一API,结合WebAudioAPI,实现网页录音功能,从获取音频流到处理和保存录音,整个过程将逐步... 目录1. html5 getUserMedia API简介1.1 API概念与历史1.2 功能与优势1.3

Java实现删除文件中的指定内容

《Java实现删除文件中的指定内容》在日常开发中,经常需要对文本文件进行批量处理,其中,删除文件中指定内容是最常见的需求之一,下面我们就来看看如何使用java实现删除文件中的指定内容吧... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细介绍3.1 Ja

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》:本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色(红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解

PostgreSQL中MVCC 机制的实现

《PostgreSQL中MVCC机制的实现》本文主要介绍了PostgreSQL中MVCC机制的实现,通过多版本数据存储、快照隔离和事务ID管理实现高并发读写,具有一定的参考价值,感兴趣的可以了解一下... 目录一 MVCC 基本原理python1.1 MVCC 核心概念1.2 与传统锁机制对比二 Postg