使用云开发实现微信支付的具体方法

为方便微信小程序的开发，与维护的便捷性，开始研究使用云开发实现微信支付的方法，省掉了租赁服务器与后台开发的成本。值得开心的是云开发已经支持了微信支付。

微信支付的准备条件

官方文档说明，微信支付要实现的前提条件是：

1、微信开发者工具 Nightly 版 1.02.2005111 及更新的版本
2、需要已经开通了微信支付（目前只有企业法人经过认证才能开通；），且已绑定了商户号的小程序。具体开通方法参见微信支付官方文档

开通方法

（1）在微信开发者工具中，使用绑定的微信小程序账号，打开云开发控制台，在云开发控制台中的 设置 - 其他设置中添加商户号

（2）添加后，需要在绑定的商户号管理员在微信支付提供的【服务商助手】小程序上确认授权。
如果需要 jsapi 和 api 退款权限，需要前往微信支付商户平台我的授权产品中进行确认授权，完成授权后即可调用微信支付相关接口能力。

微信支付流程说明

用微信支付云调用来实现完整的支付功能，大体上会经过以下4个步骤（后面在代码的写法上有些步骤会整合到一起）：

1、用户在小程序端点击支付时使用wx.cloud.callFunction调用云函数（比如云函数名为pay），并将商品名称、商品价格等信息传递给pay云函数；2、在pay云函数中调用统一下单接口CloudPay.unifiedOrder()，参数包括接收的商品信息、云函数环境id，以及需要填写结果通知回调函数（比如函数名为paynotice）用来接收异步支付结果；pay云函数会返回的成功结果对象中会包含payment字段；3、在小程序端wx.cloud.callFunction的success回调函数（也就是拿到云函数返回的对象）里调用wx.requestPayment接口发起支付，而从pay云函数返回的payment对象(字段)就包含这个接口所需要的所有信息（参数）；这时会弹出微信支付的界面；4、用户在小程序端支付成功，paynotice就会接受到异步的支付结果，我们可以在paynotice云函数里进行发送订阅消息以及将支付成功的信息更新到数据库等操作

支付的简单实现

我们可以在小程序的wxml页面比如pay.wxml页面，点击某个button组件时，通过事件处理函数比如callPay，来调用pay云函数，代码如下：

<button bindtap ="callPay">发起支付</button>

云函数

const cloud = require('wx-server-sdk')
cloud.init({  env: cloud.DYNAMIC_CURRENT_ENV
})exports.main = async (event, context) => {  const res = await cloud.cloudPay.unifiedOrder({    "body": "微信支付",    "outTradeNo" : "122775224070323234368128", //订单号，不能重复，这个可以根据时间生成 "spbillCreateIp" : "127.0.0.1", //就是这个值不用改    "subMchId" : "1520057521",  //你的商户ID或子商户ID    "totalFee" : 100,  //单位为分    "envId": "",  //你的云开发环境ID，注意不是环境名称    "functionName": "paysuc",  // 支付成功的回调云函数,这个函数可以处理支付成功之后的事情"nonceStr":"F8B31E62AD42045DFB4F2",  //随便写的32位字符串，建议自己生成    "tradeType":"JSAPI"   //默认是JSAPI  })  return res
}

调用云函数

callPay(){  wx.cloud.callFunction({    name: 'pay',  //云函数的名称    success: res => {      console.log(res)      const payment = res.result.payment   // payment包含了支付需要的所有参数   wx.requestPayment({        ...payment,        success (res) {          console.log('支付成功', res)},        fail (err) {          console.error('支付失败', err)         }      })    },    fail: console.error})
},

使用云开发实现微信支付的具体方法相关推荐

微信小程序使用云开发实现微信支付功能报错Error: 签名错误，史上最全解决办法，不服留言骂我
报错背景微信小程序使用云开发实现微信支付功能,但是报错了报错信息报错原因小程序想要使用微信支付,必须满足下面几个条件的 1,必须是非个人小程序(个人小程序用不了支付) 企业小程序需要认证! 2 ...
小程序云开发实现微信支付，不需要搭建服务器
一.开发微信支付功能一定要架设服务器吗? 2019年的最后一天,舍得叔叔沉浸在探索的兴奋中,验证了微信小程序云开发也能优雅实现微信支付!小程序的目标是建立一个"serverless" ...
微信小程序云开发之微信支付
文章目录使用云函数获取wx.requestPayment所需的参数第一步.使用npm导入tenpay 第二步.编写云函数代码在页面js中调用该云函数即可使用promise对代码进行改进前两天 ...
小程序云开发实现微信支付完整代码
效果图: 资质需要是已经开通了微信支付,且已绑定了商户号的小程序. 开通在云控制台 -> 设置 -> 全局设置中开通. 二, 创建支付的云函数 1,创建云函数pay 三,引入三方依赖t ...
史上最全教程没有之一，微信小程序使用云开发解决微信支付问题，我走了几天几夜的弯路啊
我现在用云开发平台,想实现微信支付功能: 微信支付的前提 1.你的小程序开通了支付功能或者,你的小程序关联了商户号 2.你的小程序能开通支付功能,一般都是非个人类型的小程序准备工作 1.获取小程序的 ...
新能力｜云调用支持微信支付啦！
导语小程序·云开发的云调用能力,让用户可以免鉴权快速调用微信的开放能力,极大节约了开发成本.现在,云调用已支持微信支付,用户在云开发控制台可直接绑定微信支付商户,在绑定完成后可在云开发中原生接入微信 ...
仿京细菜谱微信小程序源码云开发菜谱微信小程序源码
京细菜谱是一个美食分享网站,提供优质的家常菜谱大全,仿京细菜谱小程序源码为喜欢美食的朋友提供了很多的美食烹饪教程让您轻松学会做美食.对不同食材和地域的饮食做了不同的分类和详细的做菜方法分类十分详细 ...
基于云开发的微信小程序实战教程（一）
基于云开发的微信小程序实战教程(一) 最近刚开发了款小程序,在开发过程中发现,基于云开发的教程资源不是很多,而且很不详细.所以边实战边总结了下云开发的简单教程,希望对你有所帮助. 本章主要内容:什么是 ...
基于云开发的微信小程序：个人相册ByUestcXiye
基于云开发的微信小程序:个人相册ByUestcXiye 作业要求第一次作业第二次作业结课作业小程序开发入门开发前的准备注册微信小程序新建一个模板小程序开通云开发服务第一次作业参考资 ...
云开发（微信-小程序）笔记（十四）---- 收藏，点赞（上）
云开发(微信-小程序)笔记(十三)---- 注册登陆 1.简介点赞,收藏等都是程序的最简单的功能,在现实的应用中也很常见.这里我就来给大家介绍一下小程序的这个功能. 图标下载地址先去网站上http ...