低代码开发,快速对接微信支付

目标:

在微信的网页内实现微信支付功能,达到下单的目的;html

实现环境:

白码低代码平台:https://www.bnocode.com/product.html
使该平台提供的API实现微信支付功能,可直接调用,减小了大量调试工做的时间前端

平台语言:

node.jsnode

准备工做:

  1. 一个微信公众号管理员帐号
  2. 一个微信支付帐户
  3. 系统中准备好产品和订单数据表

实现步骤:

1.搭建一个简单的自定义页面,主要用于下单功能;
低代码开发,快速对接微信支付
2.建立一个API和一个webhook,用于发起支付和回调支付;(根据官方的说明,发起微信支付的API会返回一个配置JSON,用于前端发起支付)
低代码开发,快速对接微信支付
低代码开发,快速对接微信支付
低代码开发,快速对接微信支付
低代码开发,快速对接微信支付
3.搭建一个下单功能,功能中会调用发起支付的API,前端页面会调用该功能,设定该功能返回值为API返回的参数,前端使用该返回值发起支付;
低代码开发,快速对接微信支付
4.回到前面建立好的自定义页面,编写下单功能的代码,思路是:获取当前微信用户的openid(发起支付所需参数),调用建立订单的功能发起微信支付,获取功能返回值,使用返回值调用支付;
低代码开发,快速对接微信支付
5.发起支付后,会一直触webhook,webhook请求体中包含支付的订单号和支付结果,须要根据订单号和结果更新对应订单的状态,回到webhook,继续编写更新订单状态的代码;
低代码开发,快速对接微信支付
6.测试效果,我经过询问客服,获取到了一个有特定格式的连接,微信进入这个连接后,前端就能够获取到openid了,也就能够进行微信支付了;
低代码开发,快速对接微信支付
低代码开发,快速对接微信支付web

相关文章
相关标签/搜索