由于微信小程序支付方式的改版,之前借助官方的云函数实现支付的模式,新注册的小程序无法使用了,所以今天就再给大家讲一个简单的,几行代码既可以实现小程序支付功能。我会带大家从零开始写一个简单的商城小程序,实现商品列表,我的订单,购物车,个人中心等功能。
老规矩,先看本节效果图
我们实现这个支付功能完全是借助小程序云开发实现的,不用搭建自己的服务器,不用买域名,不用备案域名,不用支持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也记得换成自己的