5分钟实现微信云小程序支付功能(含源码)

2020/12/24 5:38:20

本文主要是介绍5分钟实现微信云小程序支付功能(含源码),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

1 先上效果图

在这里插入图片描述

在这里插入图片描述

快速实现支付功能,有多快?有五连鞭这么快,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能

2 准备工作

1,非个人小程序,个人小程序用不了支付(小程序appid)

2,已经申请微信支付的商户号(商户id,商户秘钥)。

3,小程序里关联你的商户号(小程序和商户号绑定)

4,微信小程序开通云开发

3 开干

(1)初始化云开发环境

在这里插入图片描述
在这里插入图片描述

(2)创建云函数pay

在这里插入图片描述

(3)引入第三方支付依赖tenpay

pay文件夹右键 选择在终端打开,安装依赖 npm i tenpay

在这里插入图片描述
安装完成后,我们的pay云函数会多出一个package.json 文件

(4)编写云函数

在这里插入图片描述

(5)简单写一个页面调用云函数

在这里插入图片描述

遇到问题的小伙伴可以加我qq:392716797

异常问题

  1. Error: errCode: -404011 cloud function execution error
    是由于没有上传并部署,右键云函数上传并部署

    1. 签名错误 微信支付签名错误

源码



这篇关于5分钟实现微信云小程序支付功能(含源码)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程