移动和pc端的微信支付和支付宝支付（持续更新）

最近开发了一个web商城，需要支持pc端，手机端，且需要支持微信支付和支付宝支付。

1. pc端，pc端用户点击支付，直接用弹窗弹出一个支付二维码即可
2. 手机端的支付宝支付，现在自己尝试了下微信内打开一个支付宝支付链接，发现是可以打开，如图：
   问了一下，说是工信部反垄断的政策，现在是可以在微信环境内打开支付宝链接了，但是在网上找了很多方案都是引导用户跳去一个中间页打开，想了想这也是有道理的，因为当你的流水大的时候，微信说封也是封的, 说下网上的方案：
3. 点击立即支付 （开始）
4. 中间页引导用户在浏览器中打开去唤起支付宝。
5. 浏览器中打开支付宝或app中打开支付宝。
6. 唤起成功后，进行支付宝支付：支付成功、支付失败、支付取消、支付超时。
7. 在支付后，返回浏览器时跳转到成功和失败的提示页面（查询订单状态的轮询接口（走轮询机制），根据你支付的状态后台去抓取是成功还是失败）
   如果是第三方浏览器的话，执行1，3，4，5即可

其中我们整个流程跟上面大体上一致，但略有不同，我们在微信的支付宝支付时是以下这样的步骤：

1. 点击立即支付

2. 做一个遮罩层弹窗提示处理，当前链接变成一个带着登录态的链接，如下图：
   

3. 用户通过第三方浏览器打开商城，点击立即支付时，会先弹出一个确认窗之后，立即自动跳去一个链接打开支付宝或app中打开支付宝

4. 

5. 唤起成功后，进行支付宝支付：支付成功、支付失败、支付取消、支付超时。

6. 在支付后，返回浏览器时那个弹窗还在，用户点击已完成支付会判断用户是否已经支付，如果没有支付会提示没有支付，如果已经支付成功，则弹窗支付成功，点击重新付款会直接关掉弹窗即可
   总结：

7. 在微信环境内我们为了更好的用户体验，不用每次购买一个商品都要让用户经过一个中间页，我们在步骤二做了处理，即用遮罩层代替中间页

8. 还可以发现第三步，第六有一个确认弹窗，这样就可以省去一直轮询去查询订单状态接口