微信小程序支付

小程序云开发实现微信支付完整代码

 暂时放在这里，后续使用

原网址

效果图：

资质

需要是已经开通了微信支付，且已绑定了商户号的小程序。

开通

在云控制台 -> 设置 -> 全局设置中开通。

二， 创建支付的云函数

1，创建云函数pay

三，引入三方依赖tenpay

我们这里引入三方依赖的目的，是创建我们支付时需要的一些参数。我们安装依赖是使用里npm 而npm必须安装node,关于如何安装node，我这里不做讲解，百度一下，网上一大堆。

1，首先右键pay，然后选择在终端中打开

2，我们使用npm来安装这个依赖。

在命令行里执行 npm i tenpay
 

 

 

安装完成后，目录如下
 

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

四，编写云函数pay

代码如下

1. //云开发实现支付
2. const cloud = require('wx-server-sdk')
3. cloud.init()
5. //1，引入支付的三方依赖
6. const tenpay = require('tenpay');
7. //2，配置支付信息
8. const config = {
9. appid: 'xxxxxx',
10. mchid: 'xxxx',
11. partnerKey: 'xxxxxxx',
12. notify_url: 'http://xxx.xxxxxx.cn',
13. spbill_create_ip: '127.0.0.1' //这里填这个就可以
14. };
16. exports.main = async(event, context) => {
17. const wxContext = cloud.getWXContext()
18. let {
19. orderid,
20. money
21. } = event;
22. //3，初始化支付
23. const api = tenpay.init(config);
25. let result = await api.getPayParams({
26. out_trade_no: orderid,
27. body: '商品简单描述',
28. total_fee: money, //订单金额(分),
29. openid: wxContext.OPENID //付款用户的openid
30. });
31. return result;
32. }

一定要注意把appid，mchid，partnerKey换成你自己的。

到这里我们获取小程序支付所需参数的云函数代码就编写完成了。
不要忘记上传这个云函数。
 

出现下图就代表上传成功

五，写一个简单的页面，用来提交订单，调用pay云函数。

这个页面很简单，
1，自己随便编写一个订单号（这个订单号要大于6位）
2，自己随便填写一个订单价（单位是分）
3，点击按钮，调用pay云函数。获取支付所需参数。

下图是官方支付api所需要的一些必须参数。
 

下图是我们调用pay云函数获取的参数，和上图所需要的是不是一样。

六，调用wx.requestPayment实现支付

下图是官方的示例代码
 

这里不在做具体讲解了，把完整代码给大家贴出来

1. // pages/see-businessCard/see-businessCard.js
3. const app = getApp();
4. var that
6. const db = wx.cloud.database()
7. const _ = db.command
8. Page({
10. /**
11. * 页面的初始数据
12. */
13. data: {
15. list: [],
17. },
19. onLoad(){
20. that=this
21. this.formSubmit()
22. },
24. //提交订单
25. formSubmit: function(e) {
26. let that = this;
27. wx.cloud.callFunction({
28. name: "pay",
29. data: {
30. orderid: "a1212",
31. money: "100"
32. },
33. success(res) {
34. console.log("提交成功", res.result)
35. that.pay(res.result)
36. },
37. fail(res) {
38. console.log("提交失败", res)
39. }
40. })
41. },
43. //实现小程序支付
44. pay(payData) {
45. //官方标准的支付方法
46. wx.requestPayment({
47. timeStamp: payData.timeStamp,
48. nonceStr: payData.nonceStr,
49. package: payData.package, //统一下单接口返回的 prepay_id 格式如：prepay_id=***
50. signType: 'MD5',
51. paySign: payData.paySign, //签名
52. success(res) {
53. console.log("支付成功", res)
54. },
55. fail(res) {
56. console.log("支付失败", res)
57. },
58. complete(res) {
59. console.log("支付完成", res)
60. }
61. })
62. },
64. })

到这里，云开发实现小程序支付的功能就完整实现了。

下图是支付完成的状态。