应用程序开发公司
软件开发

针对您的项目需求及预算规划量身制定方案

个体/中小企业/集团/政府机构/行业组织 了解详情 了解详情

微信小程序如何实现支付功能?

发布时间:2024-01-01 00:00 浏览次数:24

随着移动互联网的发展,微信小程序正在沦为越来越多企业的新宠,因为它精简了用户与企业之间的可视化流程。对于企业来说,微信小程序也就是一个非常不好的营销渠道,可以迎合更多的潜在客户并提升销售额。在小程序中同时实现缴付功能则就是向用户提供更多完备体验的关键组成部分。本文将表述微信小程序如何同时实现缴付功能,协助您更好地采用微信小程序。


一、微信缴付


首先必须介绍微信缴付,因为小程序的缴付功能就是基于微信缴付的。微信缴付就是微信公司面世的一种在线缴付方式,使用户可以用微信展开缴付。在微信缴付中,用户可以采用微信缴付钱包中的余额、存取银行卡的信用卡、借记卡展开缴付。


微信缴付的优势就是相对安全,因为用户可以通过微信缴付钱包的指纹识别、面部辨识等技术展开检验,也免职了用户输出银行卡和缴付密码的繁杂步骤。


二、微信小程序缴付方式


微信小程序缴付方式分成两种:微信缴付和小程序缴付,其中微信缴付就是采用用户微信缴付钱包中的余额或银行卡展开缴付,而小程序缴付就是采用小程序的缴付功能展开缴付。因此,必须同时实现缴付功能,就须要在小程序中互连微信缴付或小程序缴付。


1. 微信缴付


同时实现微信缴付须要先展开微信商户的启用,可以在微信商户平台登记注册并以获取商户 ID 和交易密钥。之后,须要在小程序中嵌入微信缴付组件并展开布局,具体内容流程如下:


(1)在小程序 App.json 文件中嵌入缴付组件并布局缴付权限


在 App.json 文件中嵌入以下代码:


"permission": {


"scope.userLocation": {


"desc": "许可出访用户地理位置"


},


"scope.invoiceTitle": {


"desc": "许可关上发票走跌"


},


"scope.record": {


"desc": "许可采用录音功能"


},


"scope.writePhotosAlbum": {


"desc": "许可出访用户书签"


},


"scope.camera": {


"desc": "许可采用摄像头"


},


"scope.payment": {


"desc": "许可发动微信缴付"


}


}


(2)在小程序 Pages 中嵌入后端的页面


在后端页面中嵌入以下代码同时实现微信缴付功能:


// 导入微信缴付 SDK


var WxPay = require('wechat-pay').WechatPay;


// 建立微信缴付对象


var wxpay = WxPay({


appid: '公众账号 ID',


mch_id: '商户账号 ID',


partner_key: '商户缴付密钥',


pfx: fs.readFileSync('商户证书路径')


});


// 以获取缴付订单号


app.get('/wechat/pay', function (req, res) {


wxpay.getPrepayId({}, function (err, result) {


// 缴付顺利之后的反弹函数


var nonceStr = result.nonceStr;


var prepayId = result.prepayId;


var paySign = wxpay.buildSign({


appId: wxpay.appId,


timeStamp: Math.floor(Date.now() / 1000),


nonceStr: nonceStr,


package: 'prepay_id=' + prepayId,


signType: 'MD5'


});


res.json({


nonceStr: nonceStr,


prepayId: prepayId,


paySign: paySign


});


});


});


以上代码仅供参考,实际采用时须要根据商户的实际情况展开修正。


2. 小程序缴付


小程序缴付就是针对小额交易的一种缴付方式,适用于于小程序中的一些交互式商品、服务以及下载产品等。小程序缴付的互连方式相对直观,无须启用商户号等过程,只须要在小程序开发工具中展开布局即可。


(1)在小程序后台布局小程序缴付信息并设置小程序缴付权限


在小程序管理后台中挑选“设置” - “缴付设置” - “微信缴付”,输出有关信息并递交审查。


审查通过后,在“小程序管理后台” - “研发” - “USB设置”中打开“缴付”权限。


(2)在小程序 Pages 中嵌入缴付参数


在 Pages 中嵌入以下代码同时实现小程序缴付功能:


wx.requestPayment({


timeStamp: '时间撕',


nonceStr: '随机字符串',


package: 'prepay_id=预付款 id',


signType: 'MD5',


paySign: '亲笔签名',


success: function (res) { },


fail: function (res) { }


});


以上代码仅供参考,实际采用时须要根据小程序的实际情况展开修正。


三、结语


以上就是关于微信小程序如何同时实现缴付功能的了解。无论是微信缴付还是小程序缴付,都就是非常便利和安全的缴付方式,对于企业来说,可以提升用户的购物体验,减少销售收入。期望本文能够协助您更好地采用微信小程序,并同时实现缴付功能。

TAG标签:
阅读推荐