微信小程序支付组件开发实战
2016-12-10 14:10
806 查看
该文章纪录了我在开发小程序支付过程中的具体流程
小程序认证后进入微信支付申请小程序的微信支付
填写企业信息对公账户并上传凭证后,微信支付会打一笔随机金额到对公账户,输入金额完成验证后,在线签署协议,这样整个微信支付的申请流程完成了。注意此处申请所填写的信息都需要真实且详细,设置小程序的密钥。
微信支付申请完,会发送微信支付商户号,商户平台用户名密码等信息到注册者邮箱。
申请微信支付成功后,登陆商户平台(pay.weixin.qq.com)进入账户中心,设置微信商户的API Key与下载证书
小程序的前端是使用微信提供的框架开发,但是后台依然是开发者自己的服务器。小程序发起的是 https 请求,意味着小程序开发者必须配置 https 服务器。配置 https 服务器之前,先要获取证书,证书可以向相关机构购买,腾讯云目前可以向用户提供免费的证书。
证书安装指引在这里查看:
https://www.qcloud.com/docume...
下载微信支付sdk,配置微信小程序信息与商户信息,放置证书到对应目录。调用微信申请支付JSAPI的方式生成一串验证信息如下:
开启校验请求域名与AppID配置,点击预览使用真机测试,开发工具不会响应发起支付的接口。
原文:https://segmentfault.com/a/1190000007737052
【关于我们】
内推君(微信[b]公众号[/b]:ourpush),专注于国内各大互联网公司社会招聘内推。每天更新最新互联网名企(包括但不限于网易游戏、BAT、网易互联网、小米、京东、乐视、携程等名企)内推信息,有技术岗、有产品岗、有运营岗、有设计岗、有交互岗、有销售岗,更有其他N多相关岗位!更多内推信息请扫描以下二维码关注查阅。
1. 申请微信支付
小程序认证后进入微信支付申请小程序的微信支付填写企业信息对公账户并上传凭证后,微信支付会打一笔随机金额到对公账户,输入金额完成验证后,在线签署协议,这样整个微信支付的申请流程完成了。注意此处申请所填写的信息都需要真实且详细,设置小程序的密钥。
微信支付申请完,会发送微信支付商户号,商户平台用户名密码等信息到注册者邮箱。
2.配置商户信息
申请微信支付成功后,登陆商户平台(pay.weixin.qq.com)进入账户中心,设置微信商户的API Key与下载证书
3.配置Https服务器
小程序的前端是使用微信提供的框架开发,但是后台依然是开发者自己的服务器。小程序发起的是 https 请求,意味着小程序开发者必须配置 https 服务器。配置 https 服务器之前,先要获取证书,证书可以向相关机构购买,腾讯云目前可以向用户提供免费的证书。证书安装指引在这里查看:
https://www.qcloud.com/docume...
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配置,点击预览使用真机测试,开发工具不会响应发起支付的接口。原文:https://segmentfault.com/a/1190000007737052
内推君(微信[b]公众号[/b]:ourpush),专注于国内各大互联网公司社会招聘内推。每天更新最新互联网名企(包括但不限于网易游戏、BAT、网易互联网、小米、京东、乐视、携程等名企)内推信息,有技术岗、有产品岗、有运营岗、有设计岗、有交互岗、有销售岗,更有其他N多相关岗位!更多内推信息请扫描以下二维码关注查阅。
相关文章推荐
- 实战:微信小程序支付开发具体流程
- 微信小程序开发之webview组件内网页实现微信原生支付
- 微信小程序入门与实战 常用组件 API 开发技巧 项目实战
- 实战:微信小程序支付开发具体流程
- 微信小程序电影推荐demo实战开发小结(附源码及思维导图) ... ...
- 微信小程序(应用号)开发新闻客户端的实战课程
- 微信小程序(应用号)开发新闻客户端的实战课程
- 微信小程序开发教程之组件
- 微信小程序开发指南合集 各类组件用法技巧
- 【微信小程序】——实战开发之和风(含demo)
- 微信小程序开发—项目实战之聊天机器人
- 微信小程序开发—快速掌握组件及API的方法
- 全球首个实战类微信小程序开发教程
- 微信小程序开发详解(四)---微信小程序开发组件使用初步
- 微信小程序开发——map地图组件,定位,并手动修改位置偏差。
- 微信小程序开发实战视频教程发布
- 微信小程序开发记账应用实战服务端之用户注册与登录-基于Yii2描述
- 微信小程序开发记账应用实战服务端之用户注册与登录基于ThinkPHP5描述
- 微信小程序 实战实例开发流程详细介绍