脚本之家

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

上一篇
flex布局示例
下一篇
原创:新手布局福音!微信小程序使用flex的一些基础样式属性

来源:授权地址


作者:会编码的熊

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

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配置,点击预览使用真机测试,开发工具不会响应发起支付的接口。

转自:转载地址

以上就是实战:微信小程序支付开发具体流程的全部内容,希望这篇技术文档对大家的学习有所帮助,转发给身边的程序猿朋友,感谢各位大大支持:脚本之家 jb51.cc

实战:微信小程序支付开发具体流程 由脚本之家 jb51.cc 收集整理
本文版权归原作者所有,转载请注明出处并带上本文链接!

上一篇
flex布局示例
下一篇
原创:新手布局福音!微信小程序使用flex的一些基础样式属性

您可能感兴趣的小程序开发教程

小程序开发

微信小程序中将多个view居中显示的方法

我们在这里要实现的效果是这样的,在小程序中将多个view居中显示 先看一下效果图如下图效果所示:我们需要将“延长收货”,”查看物流”,“提醒发货”,“提醒发货”是四个按钮放在页面最中间,并且间隔适当的

小程序开发

微信小程序如何居中布局?

前段时间小程序上线后就弃坑了,回到网页开发去了,最近又有新项目,再次入坑,难免需要一些demo来重新熟悉,在这个过程中,发现demo中很少有人使用flex布局,今天给大伙稍微讲一下这个布局。 

小程序开发

防止小程序多次点击跳转解决方案

场景在使用小程序的时候会出现这样一种情况:当网络条件差或卡顿的情况下,使用者会认为点击无效而进行多次点击,最后出现多次跳转页面的情况,就像下图(快速点击了两次):解决办法然后从轻松理解JS函数节流和函..

小程序开发

微信小程序-事件

微信小程序的"事件"挺有意思。看了说明文档后发现它的功能很全,事件可以向父节点传递,而且打印这个事件的信息很透明,调试起来应该非常方便。接下来把文档copy过来,原文地址:https://mp.weixin.qq.com