大白话小程序支付插件开发

882 阅读1分钟

开发小程序支付是非常重要的环节 是否有这个需求,引入支付插件。 如果没看懂小程序开发文档,那就看看我如何开发的吧: 需要两份代码,两份appid一样,都是支付插件小程序appid

一份用来使用支付插件(插件模式)

  业务代码
  // wxml
     <pay
     class="fixed"
     args="{{args}}"
     bindpayment="payment"
     ></pay> 
  //js
async ()=>{
let arr = {};
let  args.paymentArgs =   await get_order();
 args.fee = 实际金额*100  
 ...
 
}
//组件page.wxml
 <functional-page-navigator
  version="develop"
  name="requestPayment"
  args="{{ args }}"
   bind:success="paymentSuccess"
   bind:fail="paymentFailed"
    >                              
  <!--插件小程序版本,有效值 develop(开发版),trial(体验版),release(正式版);线上版本必须设置为 release -->
   <button class="payment-button" >确认并支付</button>
 </functional-page-navigator>
 
 

一份用于调用支付接口(小程序模式)

  目录结构如下:

//request-payment.js
exports.beforeRequestPayment = function (paymentArgs, callback) {
   console.log(pagementArgs)
  //可以在里面写请求支付接口及回调给插件页面用的数据了。
  }
 
 
 

调试步骤

 先扫码exports.beforeRequestPayment这份小程序,在扫插件的小程序就可以开发调试了(墙裂推荐真机调试),调通之后审核发布