• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

实战:微信小程序支付开发具体流程

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

来源:授权地址
作者:会编码的熊

 

该文章纪录了我在开发小程序支付过程中的具体流程

 

1. 申请微信支付

 

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

 

 

填写企业信息对公账户并上传凭证后,微信支付会打一笔随机金额到对公账户,输入金额完成验证后,在线签署协议,这样整个微信支付的申请流程完成了。注意此处申请所填写的信息都需要真实且详细,设置小程序的密钥。

微信支付申请完,会发送微信支付商户号,商户平台用户名密码等信息到注册者邮箱。

 

2.配置商户信息

 

申请微信支付成功后,登陆商户平台(pay.weixin.qq.com)进入账户中心,设置微信商户的API Key与下载证书

 

 

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就是上面的验证信息
  console.log(wechatData);
  wx.requestPayment({
    \'appId\' : wechatData.appId,
    \'timeStamp\': wechatData.timeStamp,
    \'nonceStr\': wechatData.nonceStr,
    \'package\': wechatData.package,
    \'signType\': \'MD5\',
    \'paySign\': wechatData.paySign,
  \'success\':function(res){
    console.log(res);
    console.log(\'success\');
  },
  \'fail\':function(res){
    console.log(res);
    console.log(\'fail\');
  },
  \'complete\': function(res){
    console.log(res);console.log(\'complete\');
  }
});
console.log(2);

6.测试

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

 

转自:转载地址


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
小程序之蓝牙的使用发布时间:2022-07-18
下一篇:
小程序获取当前页面url发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap