基于HTML5之APP微信支付集成实现

一 摘要

这里HTML5集成微信支付跟iOS,安卓集成微信支付过程是一样的,iOS微信集成参考之前的文章.
http://blog.youkuaiyun.com/baihuaxiu123/article/details/51415717
这里引用之前文章的集成过程.如下:

商户系统和微信支付系统主要交互说明：

步骤1：用户在商户APP中选择商品，提交订单，选择微信支付。
步骤2：商户后台收到用户支付单，调用微信支付统一下单接口。参见统一下单API。
步骤3：统一下单接口返回正常的prepay_id，再按签名规范重新生成签名后，将数据传输给APP。参与签名的字段名为appId，partnerId，prepayId，nonceStr，timeStamp，package。注意：package的值格式为Sign=WXPay
步骤4：商户APP调起微信支付。
步骤5：商户后台接收支付通知。
步骤6：商户后台查询支付结果。

二 效果

1)横屏效果

2)竖屏效果