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

目标:

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

实现环境:

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

平台语言:

node.js

准备工作:

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

实现步骤:

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

猜你喜欢

转载自blog.51cto.com/14903387/2534846