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

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

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

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
分享到:
评论

相关推荐

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

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

    干货集中营微信小程序

    "干货集中营"是一个基于微信小程序的应用,其主要目标是为用户提供一个分享、学习各种知识干货的平台。以下是其主要功能和特点: 1. 分类选择:干货集中营允许用户根据不同的知识领域进行分类浏览,如编程、设计、...

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

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

    微信小程序案例gank.

    7. **支付功能**:微信小程序可以集成微信支付,实现商品购买、服务付费等商业功能。开发者需要了解支付流程和安全规范。 8. **文件操作**:wx.saveFile和wx.getSavedFile API允许小程序在本地存储和读取文件,这...

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

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

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

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

    微信小程序gank.zip

    "微信小程序Gank"可能是指一个专门收集和整理微信小程序开发相关的干货(Gank,意为实用的技术或资源集合)的项目。 在微信小程序的开发过程中,主要涉及以下几个核心知识点: 1. **框架结构**:微信小程序基于...

    微信小程序 实例汇总 完整项目源代码.rar

    本压缩包“微信小程序实例汇总 完整项目源代码.rar”包含多个实际开发中的微信小程序项目源码,对于学习和理解微信小程序开发具有很高的参考价值。 1. **qcloud-applet-album.zip** 这个文件可能是基于腾讯云服务...

    微信小程序开发-Gank小程序

    Gank小程序则是基于微信小程序平台开发的一款应用,它可能是一款聚合技术干货、设计资源、前端知识等内容的工具,方便用户在微信环境下获取和分享技术信息。 在微信小程序开发中,你需要掌握以下几个关键知识点: ...

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

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

    微信小程序demo:简易抽奖.zip

    【微信小程序demo:简易抽奖.zip】是一个包含微信小程序开发示例的压缩包,主要用于展示一个简易的抽奖功能的实现。这个压缩包中的内容主要涵盖了以下几个关键知识点: 1. **微信小程序基础**: 微信小程序是腾讯...

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

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

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

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

    微信小程序源码-wechat-weapp-gank-master.zip

    微信小程序是一种轻量级的应用开发平台,由腾讯公司推出,主要应用于移动端,旨在提供便捷的、无需下载安装即可使用的应用体验。"wechat-weapp-gank-master.zip" 是一个包含微信小程序源码的压缩包,其内容可能是一...

    微信小程序demo:时光机81.zip

    【微信小程序】是一种轻量级的应用开发平台,由腾讯公司推出,主要运行在微信环境中,无需下载安装即可使用的应用。用户可以通过扫一扫或搜索的方式打开小程序,实现与原生APP类似的用户体验,但开发成本相对较低,...

    微信小程序完整demo:Todo.zip

    【微信小程序完整demo:Todo.zip】是一个包含微信小程序开发示例的压缩包,它提供了从设计到实现一个简单待办事项应用(Todo App)的全套资源。这个demo可以帮助开发者理解和学习微信小程序的基本结构、语法以及功能...

    微信小程序demo:时光机.zip

    【微信小程序demo:时光机.zip】是一个包含微信小程序开发示例的压缩包,名为"时光机",旨在为开发者提供一个学习和参考的实例。这个压缩包中的资源可以帮助初学者理解微信小程序的基本结构、功能实现以及UI设计。...

    优质微信小程序代码资源

    - `wechat-weapp-gank-master.rar` 可能是一个基于GitHub上的开源项目,利用微信小程序实现了一个干货分享平台,对于学习如何对接外部API、数据展示和交互设计有帮助。 - `仿豆瓣电影-demo.rar` 提供了电影信息...

    微信小程序24点计算游戏.zip

    7. **API调用**:微信小程序提供了丰富的API,如地图、支付、用户信息等,24点游戏可能使用到计时器API实现倒计时功能。 8. **调试与发布**:使用微信开发者工具进行调试,完成开发后,通过小程序开发平台进行提交...

    微信小程序源码demoartand230.zip

    微信小程序提供了丰富的API,如地图、支付、用户授权等。例如,如果`demoartand230`小程序涉及到艺术品交易,可能会用到微信支付和用户信息获取的API。 6. **开发工具**: 开发微信小程序通常使用微信开发者工具...

Global site tag (gtag.js) - Google Analytics