最近公司涉及到一个扫码支付的功能点，现在做完了做个总结，主要说前端部分的。

---

不知道如何在web上生成二维码的可以看下→Vue生成二维码

---

下面说下前端部分的开发流程

• 其实不管是微信扫码支付还是支付宝扫码支付，按照官方文档的说法我们首先都得要先进行预下单；

1. 在商品结算页面点击购买或者立即支付的时候调预下单接口，传入我们的商品信息，这时后端会返回给我们一个code_url（也就是唤起微信支付的链接）和out_trade_no（商户订单号）；
2. 将code_url值生成二维码图片；
3. 用户打开微信/支付宝进行扫码—>唤起支付—>输入密码；

微信：

支付宝：

web端如何接收用户是否支付成功？

1. 页面进行定时查询订单查询接口，如2s调一次查询接口
2. 你的业务逻辑;

---

下面附上微信和支付的开发文档链接：

微信Native支付文档
支付宝扫码支付文档

---

end~~~

如有错误或观点不一致的请评论留言共同讨论，本人前端小白一枚，根据自己实际项目遇到的问题进行总结分享，谢谢大家的阅读！