Code前端首页关于Code前端联系我们

微信小程序开发中支付流程具体流程记录

terry 2年前 (2023-09-23) 阅读数 69 #移动小程序

小程序开发中支付流程具体流程记录

1.申请微信支付

认证小程序后,进入微信支付申请小程序微信支付

开发微信小程序支付过程中的具体流程记录

公众号填写公司信息并上传凭证后,微信支付将随机转账至公众号账户。输入金额完成验证后,在线签署协议。这样,整个微信支付申请流程就完成了。注意这里填写的申请信息一定要正确、详细,并且要设置小程序的key。

完成微信支付申请后,微信支付商户号、商户平台用户名和密码等信息将发送至注册人邮箱。

2。配置商户信息

注册微信支付成功后,登录商户平台( )进入账户中心,设置微信商户API密钥并下载证书

开发微信小程序支付过程中的具体流程记录

3。配置HTTPS服务器

小程序的前端是用微信提供的框架开发的,但后端仍然是开发者自己的服务器。小程序发起https请求,这意味着小程序开发者必须配置https服务器。在配置https服务器之前,您必须先获取证书。证书可以从相关机构购买。腾讯云目前可以为用户提供免费证书。

证书安装说明可在此处获取:
https://www.qcloud.com/document/product/400/4143

4。服务器准备

下载微信支付sdk并配置微信小程序信息和商户信息,将证书放入相应目录。调用微信支付JSAPI的方法会生成一串验证信息,如下:

appId:"wx3*******6"//小程序id
nonceStr:"qdpys6rdizbnpj12ahwvkf568a6c1sr9" //随机字符串
package:"prepay_id=wx2016***********3" //wx的预支付交易单
paySign:"8A7DC1A560B3B6DB0C656AC382D3E6F1"
signType:"MD5"
timeStamp:"1481167418"
 5.小程序demo:
  const wechatData = payRes.data.payment;//wechatData就是上面的验证信息  (wechatData);
  ({
    'appId' : ,
    'timeStamp': ,
    'nonceStr': ,
    'package': ,
    'signType': 'MD5',
    'paySign': ,
  'success':function(res){
    (res);
    ('success');
  },
  'fail':function(res){
    (res);
    ('fail');
  },
  'complete': function(res){
    (res);('complete');
  }
});
(2);

6。测试

激活验证请求域名和AppID配置,点击预览并使用真机测试,开发工具不会响应发起支付的接口。

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门