网站建设主页_互联网建设_小程序搭建_竹子建站_建站软件
当前位置:建站首页 > 新闻资讯 > 网站建设 >

电商网站建设经营-电商微信小程序的运营干货

发表日期:2021-04-07 15:27文章编辑:jianzhan浏览次数: 标签:    

--------

电商网站建设经营

------- 电子商务小程序的经营干货_付款作用页

摘要:# 支付功效页 支付功效页用以帮助手机软件开展支付,十分于 wx.requestPayment 的功效。 务必注意的是:手机软件运用支付功效,务必进行额外的管理方法管理权限申请办理申请办理,申请办理申请办理部位位于于管理方法方式后...


2020⑿-17 15:08

# 付款作用页

付款作用页用于协助软件进行付款,非常于 wx.requestPayment 的作用。

需要留意的是:软件应用付款作用,需要开展附加的管理权限申请办理,申请办理部位坐落于管理方法后台管理的“小程序软件 - 基本设定 - 付款工作能力”设定项中。此外,不管是不是根据申请办理,行为主体为本人小程序在应用软件时,都没法一切正常应用软件里的付款作用。

# 启用主要参数

付款作用页应用 functional-page-navigator 开展跳转时,对应的主要参数 name 应为固定不动值 requestPayment,别的主要参数以下:

args主要参数表明:

主要参数名 种类 必填 表明 fee Number 是 需要显示信息在网页页面中的金额,企业为分 paymentArgs Object 否 随意数据信息,传送给作用页中的响应涵数 currencyType String 否 需要显示信息在网页页面中的贷币标记的编码,默认设置为 CNY

currencyType 的合理合法值:

值 表明 最低版本号 CNY 贷币标记 ¥ USD 贷币标记 US$ JPY 贷币标记 J¥ EUR 贷币标记 € HKD 贷币标记 HK$ GBP 贷币标记 £ AUD 贷币标记 A$ MOP 贷币标记 MOP$ KRW 贷币标记 ₩

编码示例:

 !-- ponents/pay.wxml -- 
 !-- 上线时,version 应改成 release ,并保证软件全部者小程序早已公布 -- 
 functional-page-navigator
 version= develop 
 name= requestPayment 
 args= {{ args }} 
 bind:= 
 bind:fail= paymentFailed 
 button >
// ponents/pay.js
Component({
 data: {
 args: {
 fee: 1, // 付款金额,企业为分
 paymentArgs: 'A', // 将传送到作用页涵数的自定主要参数
 currencyType: 'USD' // 贷币标记,网页页面显示信息贷币简写 US$ 
 methods: {
 // 付款取得成功的回调函数插口
 ess: function (e) {
 console.log(e);
 e.detail.extraData.timeStamp // 用 extraData 传送数据信息,详见下面作用页涵数编码
 // 付款不成功的回调函数插口
 paymentFailed: function (e) {
 console.log(e);

客户点一下该 navigator 后,将跳转到以下的付款作用页:

# 配备作用页涵数

付款作用页需要软件开发设计者在软件全部者小程序中出示一个涵数来响应软件中的付款启用。即,在软件中跳转到付款作用页时,这个涵数就会在适合的机会被启用,来协助进行付款。假如不出示作用页涵数,作用页启用将根据 fail 恶性事件回到不成功。

付款作用页涵数应以导出来涵数的方式出示在软件全部者小程序的根文件目录下的 functional-pages/request-payment.js 文档中,名为 beforeRequestPayment。该涵数应接受两个主要参数:

主要参数名 种类 表明 paymentArgs Object 即根据 functional-page-navigator 的 arg 主要参数中的 paymentArgs 字段传送到作用页的自定数据信息 callback Function 回调函数涵数,启用该涵数后,小程序将进行付款(相近于 wx.requestPayment)

callback涵数的主要参数:

主要参数名 种类 表明 error Object 不成功信息内容,若无不成功,应回到 null requestPaymentArgs Object 付款主要参数,用于启用 wx.requestPayment,主要参数以下

reqeustPaymentArgs 的主要参数:

用于进行付款,和 wx.requestPayment 的主要参数同样,但沒有回调函数涵数(, fail,

):

主要参数 种类 必填 表明 timeStamp String 是 時间戳从1970年1月1日至今的秒数,即当今的時间 nonceStr String 是 任意标识符串,长度为32个标识符以下。 package String 是 统一下单插口回到的 prepay_id 主要参数值,递交文件格式如:prepay_id=*** signType String 是 签字优化算法,暂适用 MD5 paySign String 是 签字,实际签字计划方案参照小程序付款插口文本文档; extraData any 否 由开发设计者决策的自定数据信息段,该字段将被无改动地透传到付款取得成功的回调函数主要参数中,实际见编码示例中的应用方式。基本库 2.9.1 刚开始适用

掌握更多信息内容,请查询手机微信付款插口文本文档

作用页涵数编码示例:

// functional-pages/request-payment.js
exports.beforeRequestPayment = function (paymentArgs, callback) {
 // 留意:
 // 作用页涵数(这个涵数)不可 require 别的非 functional-pages 文件目录中的文档,
 // 别的非 functional-pages 文件目录中的文档也不可 require 这个文件目录中的文档,
 // 这样的 require 启用在未来将不被适用。
 // 同在 functional-pages 中的文档能够 require
 var getOpenIdURL = require('./URL').getOpenIdURL;
 var paymentURL = require('./URL').paymentURL;
 // 自定的主要参数,此处应为从软件传送过来的 'A'
 var customArgument = paymentArgs.customArgument;
 // 第一步:启用 wx.login 方式获得 code,随后在服务端启用手机微信插口应用 code 换取下单客户的 openId
 wx.login({
 success: function (data) {
 wx.request({
 url: getOpenIdURL,
 data: { code: data.code },
 success: function (res) {
 // 拉取客户 openid 取得成功
 // 第二步:在服务端启用付款统一下单,回到付款主要参数。这里的开发设计和一般的 wx.requestPayment 同样
 // 文本文档能够参照 wiki/doc/api/?chapter=7_4 index=3
 wx.request({
 url: paymentURL,
 data: { openid: res.data.openid },
 method: 'POST',
 success: function (res) {
 console.log('unified ess, response is:', res);
 var payargs = res.data.payargs;
 // 第三步:启用回调函数涵数 callback 开展付款
 // 在 callback 中需要回到两个主要参数: err 和 requestPaymentArgs:
 // err 应为 null (或一些不成功信息内容);
 // requestPaymentArgs 将被用于启用 wx.requestPayment,除 plete 不被适用外,
 // 应与 wx.requestPayment 主要参数同样。
 var error = null;
 var requestPaymentArgs = {
 timeStamp: payargs.timeStamp,
 nonceStr: payargs.nonceStr,
 package: payargs.package,
 signType: payargs.signType,
 paySign: payargs.paySign,
 extraData: { // 用 extraData 传送自定数据信息
 timeStamp: payargs.timeStamp
 callback(error, requestPaymentArgs);
 fail: function (res) {
 console.log('拉取客户openid不成功,将没法一切正常应用对外开放插口等服务', res);
 // callback 第一个主要参数为不正确信息内容,回到不正确信息内容
 callback(res);
 fail: function (err) {
 console.log('wx.login 插口启用不成功,将没法一切正常应用对外开放插口等服务', err)
 // callback 第一个主要参数为不正确信息内容,回到不正确信息内容
 callback(err);

留意:作用页涵数不可 require 别的非 functional-pages 文件目录中的文档,别的非 functional-pages 文件目录中的文档也不可 require 这个文件目录中的文档。这样的 require 启用在未来将不被适用。

这个文件目录和文档理应被置放在软件全部者小程序编码中(而非软件编码中),它是软件全部者小程序的一一部分(而非软件的一一部分)。 假如需要新增或变更这段编码,需要公布软件全部者小程序,才可以在宣布版中起效;需要再次预览软件全部者小程序,才可以在开发设计版中起效。

---------

电商网站建设经营

------------
相关新闻