2025年最新版微信小程序支付功能,使用小程序云开发10行代码实现小程序支付功能(含源码和步骤)

由于微信小程序支付方式的改版,之前借助官方的云函数实现支付的模式,新注册的小程序无法使用了,所以今天就再给大家讲一个简单的,几行代码既可以实现小程序支付功能。我会带大家从零开始写一个简单的商城小程序,实现商品列表,我的订单,购物车,个人中心等功能。

老规矩,先看本节效果图

我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持https。只需要一个简单的云函数,就可以轻松的实现微信小程序支付功能。
核心代码就下面这些

一,准备工作

要先去注册一个企业小程序和微信支付的商户号。

注册好以后记得绑定下

1,小程序绑定商户号

一定要记得先给小程序绑定下商户号,登录商户号做绑定即可

二,创建一个云开发小程序

关于如何创建云开发小程序,这里我就不再做具体讲解。不知道怎么创建云开发小程序的同学,可以去翻看我之前的文章,或者看下我录制的视频:https://edu.csdn.net/course/play/9604/204528

创建云开发小程序有几点注意的

1,一定不要忘记在app.js里初始化云开发环境。

2,创建完云函数后,一定要记得上传

二,引入三方依赖tenpay

我们这里引入三方依赖的目的,是创建我们支付时需要的一些参数。我们安装依赖是使用里npm 而npm必须安装node。

1,安装node

我们去node官网安装最新的即可

安装很简单,双击然后一直下一步即可,所有的都保持默认就行。有一点需要注意的就是要选中Add to PATH

然后等待安装完成即可。

我们前面安装好node以后,最好重启下电脑。

因为node是国外网站,有的同学使用npm加载依赖的时候可能会特别慢,这个时候把npm的镜像设置为国内的,这样加载依赖的时候就会比较快了。

npm查看镜像和设置国内镜像

查看当前镜像 npm get registry
设置国内阿里云镜像 npm config set registry https://registry.npmmirror.com/

2,首先右键pay,然后选择在终端中打开

3,使用npm来安装tenpay依赖。

在命令行里执行 npm i tenpay



安装完成后,我们的pay云函数会多出一个package.json 文件

并且可以看到我们安装了tenpay这个三方类库

到这里我们的tenpay依赖就安装好了。

四, 创建支付的云函数

1,创建云函数pay


编写云函数名称

2,注意把appid,mchid,partnerKey换成你自己的。

小程序的appid记得换成自己的

商户号mchid也记得换成自己的