`
腾讯攻城师tom
  • 浏览: 51609 次
  • 来自: 深圳
社区版块
存档分类
最新评论

干货:微信小程序如何接入微信支付

阅读更多
本文阐述如何从零开始接入小程序支付,尤其适合没有微信支付接入经验的开发者。

1. 申请微信支付

小程序认证以后,可以在小程序后台,微信支付菜单栏,申请微信支付。





填写企业信息和对公账户,微信支付会打一笔随机金额到对公账户,输入金额完成验证后,在线签署协议,这样整个微信支付的申请流程完成了。

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

2. 准备工作
2.1  配置小程序密钥





在小程序后台设置页,点击生成,管理员验证二维码后,会随机生成 AppSecret。请妥善保管好 Appsecret,不要明文存储于服务器,AppSecret 用于和微信服务器交互。比如获取用户的 openid 接口就需要用到。

2.2  设置密钥和下载证书

用申请微信支付获得的用户名和密码,登录商户平台 (pay.weixin.qq.com),在账户中心,API 安全中下载证书和设置密钥。

密钥是 32 位,设置以后需要妥善保管,因为无法查看密钥,所有微信支付相关的接口都会使用这个密钥加密。

2.3 配置 Https 服务器

小程序的前端是使用微信提供的框架开发,但是后台依然是开发者自己的服务器。小程序发起的是 https 请求,意味着小程序开发者必须配置 https 服务器。

配置 https 服务器之前,先要获取证书,证书可以向相关机构购买,腾讯云目前可以向用户提供免费的证书。

证书安装指引在这里查看:

https://www.qcloud.com/doc/product/400/4143

3. 微信支付流程

微信支付有多种支付方式,包括刷卡支付,公众号支付,扫码支付,APP 支付,在这里微信支付的所有接口:https://pay.weixin.qq.com/wiki/doc/api/index.html

小程序是在微信里调起支付的,其实是公众号支付。关于公众号支付的详细文档可在这里查看:https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1

所有公众号支付相关的链接都可以在此链接找到,开发者首先需要大概了解这些接口。

小程序公众号支付的主要流程如下(本图只考虑了正常流程,异常流程参考公众号支付文档):





3.1 关于 openid

上述流程中请求 openid,用的是小程序最新 api 中的接口,开发者可以查看小程序的登录接口。

开发者从第三方服务器获得的 openid,在统一下单的接口里面需要使用到。

3.2 关于小程序调起微信支付

上述流程中的小程序调起微信支付,用的是小程序微信支付接口 wx.requestPayment,该接口的详细描述可以查看小程序的微信支付 API。

这个接口中的 package 和 timeStamp 参数是从开发者的第三方服务器返回的,package 是第三方服务器从统一下单接口回复中获得。

接口中其他的参数,appId,noceStr,signType 以及 paySign 则由小程序这边存储或者计算而得。

其中 paySign 是签名,签名算法文档在这里:

https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=4_3&t=20161107

整个公众号支付的主要流程基本都是在第三方服务器上实现,开发者需要熟读公众号支付文档,了解消息交互流程以及每个接口。

这里并没有描述正常微信支付必不可少的一些功能:异常处理,查询订单,发起退款,下载对账单等等。

引用
「H5程序俱乐部」是一个专注微信小程序学习交流,相关外包/招聘需求信息发布的微信公众号



  • 大小: 11.1 KB
  • 大小: 11.1 KB
  • 大小: 20.1 KB
  • 大小: 39.6 KB
1
0
分享到:
评论

相关推荐

    干货:微信小程序框架全解脑图,一张图看清组件构造,学习必备! ... ... ..

    分享者:职业学姐,已获授权,地址为授权地址 全图部分截图:全图请下载附件:   (此图片来源于网络,如有侵权,请联系删除! ) (此图片来源于网络,如有侵权,请联系删除! ) (此图片来源于网络,如有侵权,请联系...

    干货集中营微信小程序

    干货集中营微信小程序,能选择分类,写入干货URL,说明推荐理由,输入您的网络ID,在线投稿等等,欢迎下载!

    微信小程序-数据来源与gank的一个微信小程序小案例

    > 微信小程序实例,数据是来源于gank,这是api地址,有兴趣的可以上去看看, (gank api地址) 微信生命周期 原理 在app.js中 在page中 部分图例 问题 由于是api中的url是跳转到第三方网址的,目前微信小程序...

    isux长篇干货:微信小程序初体验(上)从前端界面的开发方面谈一谈小程序

    这段时间有幸加入了一个关于微信小程序的项目开发组,从无到有的根据文档自行学习了小程序的开发过程,前面已经有几位前辈的文章珠玉在前,我这里就先从前端界面的开发方面谈一谈小程序以及我所遇到的问题吧。...

    腾讯Bugly干货:微信小程序“信用卡还款”项目实践

    11月3日晚,微信团队对外宣布,微信小程序开放公测。开发者可登陆微信公众平台申请,开发完成后可以提交审核,公测期间暂不能发布。 我们前一段时间也进行了小程序开发,现在来对之前的开发体验做一个总结。 1. 小...

    微信小程序-微信小程序开发实战,实现的了一个资讯类的demo

    工作之余撸的一个微信小程序,数据抓自干货集中营API,实现了数据请求,列表展示,下拉刷新,下拉加载更多等,刚开始接触的可以看下,https://github.com/JustYJQ/smallApp(欢迎大家star) 在开始编写微信小程序前,...

    干货:微信小程序框架全解脑图,一张图看清组件构造,学习必备!

    全图部分截图:全图请下载附件:   (此图片来源于网络,如有侵权,请联系删除! ) (此图片来源于网络,如有侵权,请联系删除! ) (此图片来源于网络,如有侵权,请联系删除! ) (此图片来源于网络,如有侵权,请联系...

    全栈开发不走弯路!全新260集微信小程序实战 解密更有深度的微信小程序高级开发课程

    课程内容从第一个程序的开发细节讲起,到实用小案例的教学,深入到自定义组件的开发,使用npm包、全局数据共享、自定义tabBar、宿主环境、数据绑定、微信小程序协同工作和发布、微信小程序生命周期和wxs,以及小程序...

    精品分享: 126套微信小程序源码

    126套微信小程序源码 互动(5款) 工具(41款) 布局(24款) 服务(23款) 游戏(6款) 电影(3款) 阅读(21款) 音乐(3款) HIapp IT-EBOOK 一个(仿) 今日头条 公众号热门文章信息流 图书管理系统 图片...

    微信小程序-gank.io (干货集中营) 微信小程序 版本

    GankCamp-WechatAPP 干货集中营 微信 小程序版 ...微信小程序开发工具‘添加项目’时,请在AppID栏选择‘无 AppID’,否则会出现获取不了数据错误. 截图 其它截图 感谢Gank.io提供数据api License MIT

    java开发微信支付源码

    基于java开发的微信支付源码,直接上干货,下载直接运行

    微信小程序-微信小程序 for gank.io

    微信小程序 for gank.io 界面预览 更新日志 【2016.10.2】主要界面 以tabBar形式展出 gank首页列表 技术支持页 仿wechat界面 【2016.10.3】 删掉tabBar,增加【发现】页 把wechat界面和技术支持放在【发现】...

    微信 小程序 canvas测试心得干货

    微信小程序里的canvas 非 h5 canvas有很多不一样的地方,以下把微信小程序的canvas叫做wxcanvas   下面全是我一点点测试出的干货,耐心看: 1.wxcanvas,不像h5canvas那样有width和height属性和width和height的style...

    微信小程序开发框架资源干货汇总

    微信小程序开发框架、资源-干货汇总

    (干货)微信小程序组件封装

    自己封装的一个比较简单微信弹窗小组件,主要就是教会大家对微信小组件的用法和理解,因为微信小程序对组件介绍特别少,所以我就把自己的理解分享给大家。 一前言 相信大家在开发小程序时会遇到某个功能多次使用的...

    微信小程序Demo-wechat-weapp-gank-master-附完整源代码.rar

    微信小程序Demo-wechat-weapp-gank-master是一个基于Gank.io API开发的小程序,专为微信用户量身定制。这个项目的源代码完整且开源,为开发者提供了一个优秀的起点,以便快速构建自己的微信小程序。 该小程序不仅...

    gank.io (干货集中营) 微信小程序 版本.zip

    微信小程序的优势在于它方便快捷、轻量级、跨平台、丰富的推广方式、丰富的功能接口、数据分析与优化、结合微信支付、支持多场景应用、社交功能以及多端同步等。这些优点使得小程序能够满足用户的多种需求,提供更好...

    gank微信小程序源码 干货前端源码

    微信小程序源码,前端源码,简单展示源码,原生小程序源码 非uniapp,仅供参考,如有涉及版权问题请联系作者。微信小程序源码,前端源码,简单展示源码,原生小程序源码 非uniapp,仅供参考,如有涉及版权问题请联系...

    (干货)微信小程序转发好友

    今天简单地说下微信小程序的转发功能,为什么要简单的说下呢,因为主要讲的就是转发给好友或者群组,还有一种是分享到朋友圈,这种就比较复杂一点了,先稍微透漏一点,分享到朋友圈主要是两种方法,一种是后台直接...

Global site tag (gtag.js) - Google Analytics