本文描述开发扫码支付的一些心得体会
场景:在停车收费系统中,车辆出场时扫码支付停车费用
需求:
- 粘贴固定的二维码
- 自动获取订单金额
- 支付宝微信均可扫码支付
一、编写 H5 界面
1、index.html (内容可以为空,用于界面跳转)
2、bill.html
3、error.html
将 index.html 访问路径生成二维码,当使用微信或者支付宝扫码时跳转到该页面
注:访问参数需携带查询账单的标识,如停车场收费系统二维码界面需携带:车场id、车道 id,用于查询账单
二、获取账单信息
进入 index.html 后调用后端接口查询账单信息,
查到账单信息后根据账单内容调用微信或者支付宝的统一下单接口生成支付URL,返回账单信息与支付URL并跳转至 bill.html,
如果查询不到账单信息跳转至 error.html
注:调用统一下单接口个平台都有很详细的文档,这边就不赘述了
支付宝支付官方文档
微信支付官方文档
bill.html 参考如下:
三、点击 bill.html 后将调用手机微信或者支付宝付款界面
这边就不需要我们操作什么啦
四、支付成功
支付成功后微信或者支付宝会自动发消息到调用统一支付接口时传入的接口地址
在这边把后续的操作做完就行啦,比如说:支付账单保存、支付成功通知、道闸开闸、商品发货等等等