微信H5支付实战记录:附前后端实现逻辑

     1.背景描述
     2.实现过程
          1.微信官方 js-sdk安装
          2.公众号设置JS接口安全域名
          3.前端页面代码
          4.服务端相关代码
          5.说一下遇到的问题

1.背景描述

     简单描述一下本文中的支付场景:

1.商品详情页点击提交订单按钮调用创建订单接口,调用服务端下单接口调起微信支付.
2.输入密码之后跳转微信自带的支付成功页面,点击完成跳转支付成功页面.微信自带支付完成页面如下:在这里插入图片描述

2.实现过程

    微信H5中支付需要使用JSSDK,这里直接使用npm封装好的weixin-js-sdk.
官方地址:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1,下面讲下具体

猜你喜欢

转载自blog.csdn.net/weixin_43401380/article/details/131333209