老规矩,先看这一段的效果图。 我们完全借助小程序云开发来实现这个支付功能。 无需自己搭建服务器,无需购买域名,无需记录域名,无需支持https。 只需要一个简单的云功能,就可以轻松实现微信小程序的支付功能。 核心代码如下。 创建云开发小程序。 这里我就不详细解释如何创建云开发小程序了。 不知道如何创建云开发小程序的同学可以看我之前的文章,或者观看我录制的视频:创建云开发小程序的注意点1、app.js开发中不要忘记初始化云环境。 2.创建云函数后一定要记得上传 2.创建支付云函数 1、创建云函数pay 3.引入三方依赖 这里引入三方依赖的目的是为了创建我们需要的一些参数当我们付款时。 我们使用npm来安装依赖,npm必须安装node。 这里我就不解释如何安装node了。 百度一下,网上有很多。 1、先右键点击支付,然后选择在终端中打开。 2.我们使用npm来安装这个依赖。 在命令行执行npm i 安装完成后,我们的支付云功能就会多一个.json文件。 这里我们的依赖项就安装好了。 四、编写云函数pay的完整代码如下 //云开发实现支付 const cloud = ('wx--sdk')cloud.init() //1、引入支付的三方依赖 const = ( ''); //2 、配置支付信息 const = ;.main = async(event, ) => 请务必将 appid 和 mchid 替换为您自己的。
至此,我们就完成了获取小程序支付所需参数的云函数代码的编写。 不要忘记上传这个云函数。 出现下图表示上传成功。 5、编写一个简单的页面提交订单并调用支付云功能。 这个页面非常简单。 1. 自己写一个订单号(这个订单号必须大于6位) 2. 自己填写一个订单价格(单位是分) 3. 点击按钮,调用支付云功能。 获取支付所需参数。 下图是官方支付api需要的一些必要参数。 下图为调用支付云函数获取的参数。 和上图要求的一样吗? 六、调用wx实现支付。 下图是官方的示例代码。 我这里就不详细解释了。 您可以观看完整视频。 实现效果 1、激活支付键盘 2、完成支付 3、登录日志,可以看到不同支付状态的回调 上图是支付成功的回调,我们可以在什么时候改变订单的支付状态付款成功回调。 下图是支付失败的回调,下图是支付完成的状态。 到这里我们就轻松实现了微信小程序的支付功能。 是不是很简单,大家可以看视频,有完整的讲解。