微信小程序微信支付接入开发实例详解
转载 & & 作者：huazai123
这篇文章主要介绍了微信小程序微信支付接入开发实例详解的相关资料,需要的朋友可以参考下
本文主要讲述微信小程序接入微信支付开发过程中遇到的坑，分为两大块，小程序端和后台接口封装。本文主要内容如下：
一、后台接口封装；
二、小程序端整合；
一、后台接口封装
本文介绍基于ThinkPHP5进行接口封装，具体步骤如下：
1、微信支付官方文档提供了PHP脚本微信支付的样例，下载下来；
2、样例已经封装好了每个类，我们只需要加上命名空间即可，在TP5的extend目录下新建一个目录wxpay，把样例中的类复制到该目录下，然后加上命名空间即可；
样例改造结果
其中最主要的一个类即WxPayApi.php，加上命名空间后的形式如下，其它类的改造类似：
3、在需要用到的地方引入命名空间，new 一个对象即可使用，统一下单接口举例：
先引入需要的类：
封装对外的统一下单接口，直接返回小程序调用支付接口所需的参数：
重新支付接口类似，可以通过统一下单类进行封装。
二、小程序端整合
小程序端很简单，只需要把接口返回的数据传给微信支付的js接口即可
接口返回的样例如下：
整合接口返回的数据举例如下：
1、小程序微信支付API使用的公众号jssdk的微信支付API，官方文档上有一个参数写错了，就是传的appid中的“I ”必须为大写，不然一直提示参数错误。在这个上面调试好久，希望看到的小伙伴注意下。
2、调用统一下单接口后，不能直接把统一下单返回的结果返回给小程序端，需要重新生成下签名。
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具个人小程序可以调用小程序支付吗？调用小程序支付的步骤_货源代理网
热门搜索：
个人小程序可以调用小程序支付吗？调用小程序支付的步骤
　　很多朋友都喜欢小程序新上线的支付功能，但是更多的是看到各个商家和企业在使用，小编很少看到有个人使用这个功能的。那么到？热心网友给出了回答：　　这个也是可以的，不过需要先申请一个微信商家小程序。在申请成功之后，就可以将该功能集成到您的小程序上面了。集成的具体方法，您可以在申请成功之后在微信小程序商店查看开发者文档。　　以下就是个人调用小程序支付的步骤：　　1. 申请微信支付　　只要在小程序认证通过以后就可以进入申请小程序的微信支付　　填写企业小程序的具体信息并上传相应的凭证后，微信官方会根据支付情况会打一笔随机金额到你的小程序账户，输入金额完成验证并签署协议之后，整个微信小程序支付的申请流程完成了。　　微信官方会发送支付商户号及商户平台用户名密码等信息到注册者邮箱。　　2.配置商家小程序信息　　申请微信支付成功后，登陆商户平台进入账户中心，设置微信商户的小程序API Key并下载证书　　3.配置Https服务器　　小程序前端大多使用官方提供的小程序框架开发，但是在后台自选的服务器。小程序发起请求之后意味着小程序开发者必须配置相应的服务器。但是更需要先要获取小程序证书，腾讯云目前可以向用户提供免费的证书，你也可以选择自己在微信平台购买。　　4.服务端准备　　下载微信支付sdk,配置微信小程序信息与商户信息，放置证书到对应目录。调用微信申请支付JSAPI的方式生成一串验证信息如下：　　appId:&wx3*******6&//小程序id　　nonceStr:&qdpys6rdizbnpj12ahwvkf568a6c1sr9& //随机字符串　　package:&prepay_id=wx2016***********3& //wx的预支付交易单　　paySign:&8A7DC1A560B3B6DB0C656AC382D3E6F1&　　signType:&MD5&　　timeStamp:&&　　5.小程序demo：　　const wechatData = payRes.data.//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配置，点击预览使用真机测试，开发工具不会响应发起支付的接口。　　个人小程序可以调用小程序支付吗?上述资料证明只需要简单的几部就可以实现个人小程序的支付功能了，不得不承认小程序功能确实为我们的生活提供了很多便利之处，不管是商家企业还是个人。　　
申明：本站所有标明出处稿件均来至互联网，所转载内容及图片只为传播信息无任何商业目的，若涉版权及侵权问题可联系我们处理，投稿删稿联系邮箱： &微商货源网首页 &创业投资有风险请谨慎操作
本文相关文章
[导语] 在这一轮大更新中，微信不仅支持「切换帐号」功能，还加入「发现页管理」功能，包括「游戏」、「购物」、「小程序」在内的所有项目都可以关闭！截止至发稿前，只有 iOS 版可以使用，Android 版还未开放下载。小程序终于可以「关...
[导语] 1月30日晚间，《头脑王者》小程序因违反《即时通信工具公众信息服务发展管理暂行规定》暂停服务，用户无法访问。随后，《头脑王者》小程序方面表示，关于针对题目审查问题，官方表示正进行严格自查，将彻底筛查题库，删除不良内容，...
[导语] 广州微信小程序开发阵营，经历了整整一年的阵痛。小程序开发从业者们，也经历过市场不温不火或短期躁动；目睹过开发队伍中的模板化骗局、线下活动拉人头、“一键开发”虚假承诺等种种乱相。随着小程序不断开放新功能、不断...
[导语] 1月30日电 1月29日，今日头条官方账号发布了一则海报，宣布向全社会招募“灵犬”反低俗助手测试员。　　据了解，“灵犬”反低俗助手，是一款基于今日头条反低俗模型开发的小程序。用户输入文字或文章链接，即可检测内容质量指...
[导语] “我们希望能够让客户在最短的时间里快速拥有小程序，同时帮助客户在微信生态里快速做布局，享受腾讯生态的流量红利。”酷客多CEO郝宪玮在思路网专访中说道。（图为酷客多CEO郝宪玮）日小程序正式上线，酷客多第一版...
[导语] 经过一年成长，小程序已慢慢从蓝海往红海过渡，不但在移动互联网市场举足轻重，更是覆盖人际交往、休闲娱乐、购物订餐以及生活服务等生活的方方面面，建立起逐渐完善的互联网生态圈。不少专家表示：2018年小程序将持续增长，而业...
　　经过一年的“野蛮”生长，小程序有了点盼头。　　作为一个不再新鲜的“新鲜事物”，前有公众号的流量红利为证，大家纷纷看好小程序;后又面临高开低走的质疑声，让人心生观望。但小程序从未在众人的目光中退场，而且小程序...
[导语] 随着微信被越来越广泛的应用，微信小程序的发展势能日渐火爆。为助力用户更加方便快捷的租到房，58同城于近日上线了“58租房精选”小程序。 当前用户在找房时越来越追求简单、高效，国内诸如赶集网、安居客等线上平台也...
[导语] 我本来认为这都是只会在玛丽苏小说里出现的情节，然而现在，这个小程序告诉我，这不是想象，这是生活。在使用了这个小程序之后，我就想告诉各位玛丽苏作者们：别让贫穷限制了你的想象力，大胆想，再大胆想！这个小程序就是专做高端会员...
[导语] 　互联网时代，事物变化的速度总是这么迅速。今年年初，小程序横空出世，这对于正处于O2O模式的餐饮业而言，绝对是进一步的改革。　　 　　据腾讯官方公开资料显示，微信月活跃用户在2017年达到了惊人的9.63亿的规模(数据截止6...1被浏览277分享邀请回答暂时还没有回答，开始写第一个回答客服：95017
小程序调起支付API
小程序调起支付数据签名字段列表：
wxd678efh567hg6787
微信分配的小程序ID
时间戳从日00:00:00至今的秒数,即当前的时间
5K8264ILTKCH16CQ2502SI8ZNMTM67VS
随机字符串，不长于32位。推荐
prepay_id=wx2291fcfe0db
统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=wx2291fcfe0db
签名类型，默认为MD5，支持HMAC-SHA256和MD5。注意此处需与统一下单的签名类型一致
paySign = MD5(appId=wxd678efh567hg6787&nonceStr=5K8264ILTKCH16CQ2502SI8ZNMTM67VS&package=prepay_id=wx2291fcfe0db&signType=MD5&timeStamp=&key=qazwsxedcrfvtgbyhnujmikolp111111) = 22D9B4E54AB9E8810ACD6
详细签名算法请参考“”说明
调用wx.requestPayment(OBJECT)发起微信支付
Object参数说明：
时间戳从日00:00:00至今的秒数,即当前的时间
随机字符串，长度为32个字符以下。
统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=*
签名类型，默认为MD5，支持HMAC-SHA256和MD5。注意此处需与统一下单的签名类型一致
签名,具体签名方案参见;
接口调用成功的回调函数
接口调用失败的回调函数
接口调用结束的回调函数（调用成功、失败都会执行）
回调结果：
requestPayment:ok
调用支付成功
requestPayment:fail cancel
用户取消支付
requestPayment:fail (detail message)
调用支付失败，其中 detail message 为后台返回的详细失败原因
示例代码：
wx.requestPayment(
'timeStamp': '',
'nonceStr': '',
'package': '',
'signType': 'MD5',
'paySign': '',
'success':function(res){},
'fail':function(res){},
'complete':function(res){}微信小程序调用自定义接口 - 简书
微信小程序调用自定义接口
微信小程序提供了wx.request方法发起请求，具体文档参照 。
使用的api为自建api，使用node搭建的restfiy接口服务器
1.全局接口定义
在app.js中，定义接口aeHttp,在代码其他地方调用时可以直接使用app.aeHttp()方法调用，无需require等
aeHttp:function(args,resolve,reject){
let param = {
url:"http://192.168.1.6:8080/api",
appkey:'b3dfaca',
masterKey:"",
wx.request({
url:param.url,
method:args.method,
timestamp:new Date().getTime(),
appkey:param.appkey,
sign:11111
method:'POST',
success:function(res){
if(res.data != null ){
//接口实际返回的内容在res.data中
if(res.data.errno === 0){
resolve(res.data.data);
reject(res.data)
reject(res);
fail:function(err){
reject(err);
在需要调用aeHttp的地方，先将确定app已定义
var app = getApp();
app.aeHttp(
method:"",
function(data){
function(err){
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金相信有很多朋友...
用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你能获得这些料： 知道setContentView()之后发生了什么？ ... Android 获取 View 宽高的常用正确方式，避免为零 - 掘金 相信有很多...
Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智能路由，微代理，控制总线）。分布式系统的协调导致了样板模式, 使用Spring Cloud开发人员可以快速地支持实现这些模式的服务和应用程序。他们将在任何分布式...
给提问的开发者的建议：提问之前先查询 文档、通过社区右上角搜索搜索已经存在的问题。
写一个简明扼要的标题，并且正文描述清楚你的问题。
提交 BUG：需要带上基础库版本号，设备信息（iOS, Android,开发工具等等），操作系统信息（系统版本），以及可以让他人重现...
现在的教程越拉越多，希望各位善于运用“Ctrl+F”查询自己需要的教程！ 最新小程序商城类开发教程： 1微信小程序之侧栏分类 —— 微信小程序实战商城系列（1） 2微信小程序之仿淘宝分类入口 —— 微信小程序实战商城系列（2） 3微信小程序之购物数量加减 —— 微信小程序实...
Problems: Given a roman numeral, convert it to an integer. Input is guaranteed to be within the range from 1 to 3999. 思路： 罗马数字就有下面七个基本符号：...
引言：你想知道的所有关於英国脱欧公投的来龙去脉，都在这篇文章里。 最近举世瞩目的大事件，非英国脱欧公投莫属了。英国时间6月24号早晨6点，公投结果揭晓，英国选民用他们手中的选票，改变了这个国家的历史轨迹——有超过3000万人投票，51.9%的选民站在了离开欧盟的阵营。 在公...
指令的本质其实是一个替换的过程。compile阶段进行标签的解析和变换，link阶段进行数据绑定等操作 angular.module('myApp', []).directive('first', [function (){return {// scope: false, ...
青青河畔草，郁郁园中柳。 盈盈楼上女，皎皎当窗牖。 娥娥红粉妆，纤纤出素手。 昔为倡家女，今为荡子妇。 荡子行不归，空床独难守。——《古诗十九首》
青青河畔草，绵绵思远道。远道欲何之，宿昔梦见之。 草色青青，绵绵延延，与静静流淌的河水一同消失在很远很远的地方。 她的思绪，...
你…… 你在哪里？ 乌云密布， 如何穿过， 才可瞭望到你。 满城涓滴， 怎样追寻， 才可发现你的足迹。 这里有一只迷途的羔羊， 念念不忘烈烈的蓝光。