H5微信支付的坑

纯H5调用微信支付有很多需要注意的地方,

1.绑定微信支付安全域名: 绑定了安全域名并不是在这个域名下的所有连接都可以唤起微信支付,这里有一个严格的限制,就是绑定的这个域名下的不超过1级子目录的页面才有权限唤起微信支付 
举个栗子:
安全域名:www.aaa.com/
www.aaa.com/A.html (可以正常访问)
www.aaa.com/index/B.html (没有权限)

2.openid:
初始化需要用到微信openID,获取openID又需要用到微信的code,每次进入这个页面的时候微信都会给一个新的code,但是code只能用一次,如果用户刷新了当前页面就会导致code失效 , 所以在我们第一次获取到code后就缓存到本地,用的时候直接取缓存

3.初始化

初始化wx.chooseWXPay方法时要注意,这个方法接收严格的json格式,在key值加上双引号会减少异常的发生,注意,是双引号 , 这点在官方文档上是没有记录的 , 是各种论坛和技术帖大神总结出来的 

wx.chooseWXPay({ 
   "timestamp":  aaa, // 支付签名时间戳 
   "nonceStr": aaa, // 支付签名随机串,不长于 32 位 
   "package": aaa, // 统一支付接口返回的prepay_id参数值,提交格式如:prepay_id=***) 
   "signType": aaa, // 签名方式,默认为'SHA1',使用新版支付需传入'MD5'
   "paySign": aaa, // 支付签名 
   "success": function (res){ //支付完成后的操作 }
});

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: H5微信支付是指在移动端网页上集成微信支付功能,使用户可以直接在手机浏览器中完成支付操作。下面是一个H5微信支付的简单示例: 首先,我们需要在页面中引入微信支付的相关JavaScript文件和CSS样式,以便使用微信支付的功能和界面。 然后,用户在填写订单信息后,点击支付按钮触发支付事件。在支付事件中,我们需要通过调用微信支付的API来获取预支付交易话标识。 接着,我们将获取到的预支付交易话标识发送给服务器进行签名,以确保支付请求的安全性。服务器返回签名后的数据给前端。 最后,前端使用微信支付SDK中的接口,调起微信支付界面。用户在微信支付界面中完成支付操作后,支付结果通过回调函数返回到前端,我们可以根据支付结果进行相应的处理,如展示支付成功或失败的页面。 需要注意的是,H5微信支付接口的使用需要满足一定的条件,如商户需要先进行微信支付的相关注册及配置,获取到相应的商户号、密钥等信息。 以上就是H5微信支付的简单 demo。通过集成H5微信支付功能,我们可以在移动端网页上方便地实现微信支付,为用户提供更加便捷的支付方式。 ### 回答2: H5 微信支付 Demo 是一个可以在移动端网页上使用微信支付功能的示例项目。通过该示例项目,开发者可以学习和了解如何在自己的移动网页中集成微信支付功能,并快速上线自己的移动网页应用。 在 H5 微信支付 Demo 中,主要包含以下几个步骤: 1. 创建订单:用户在移动网页上选择商品并确认购买后,网页应用将生成一个唯一的订单号,并将相关订单信息发送给服务端。 2. 统一下单:服务端通过调用微信支付接口,将上一步生成的订单信息传递给微信支付平台。平台根据接收到的信息,生成一个预支付话标识(prepay_id)并返回给服务端。 3. 调起支付:服务端将预支付话标识返回给移动网页,网页通过 JavaScript API 调用微信支付 SDK,发起支付请求。移动网页上将出现微信支付的界面,用户可以使用微信钱包完成支付。 4. 支付结果查询:支付完成后,微信支付平台支付结果通知给服务端。服务端通过查询支付结果接口,获取支付结果并返回给移动网页。移动网页根据支付结果显示支付成功或失败的页面。 在 H5 微信支付 Demo 中,开发者需要了解的主要是如何生成订单、调用微信支付接口以及处理支付结果的逻辑。通过参考该示例项目,开发者可以快速集成微信支付功能,提升移动网页应用的付款体验,以及更好地满足用户需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值