文章目錄

• 使用云函數獲取wx.requestPayment所需的參數
• • 第一步、使用npm導入tenpay
  • 第二步、編寫云函數代碼
• 在頁面js中調用該云函數即可
• 使用promise對代碼進行改進

前兩天寫了一個云函數的博客，今天寫一下關于云函數實現微信支付的過程
注意實現微信支付功能需要申請商戶號，并且讓微信小程序綁定商戶號，獲取商戶秘鑰

使用云函數獲取wx.requestPayment所需的參數

我使用tenpay這個第三方軟件獲取參數

第一步、使用npm導入tenpay

如果沒有下node就去下一個，網上有很多
右擊云函數文件，在最下面打開終端，輸入下面的代碼,回車運行

npm i tenpay# 如已安裝舊版, 重新安裝最新版 npm i tenpay@latest

第二步、編寫云函數代碼

// 云函數入口文件 const cloud = require('wx-server-sdk')cloud.init()// 1.引入依賴 const tenpay = require('tenpay');// 2.配置參數 const config = {appid: 'xxx',//小程序appidmchid: 'xxxx',//小程序綁定的商戶號partnerKey: 'xxxx',//商戶號對應的秘鑰notify_url: 'https://www.baidu.com/',//跳轉網址，這個可以隨便寫spbill_create_ip: '127.0.0.1'//端口號，就寫127.0.0.1就行 };// 云函數入口函數 exports.main = async (event, context) => {const wxContext = cloud.getWXContext()// 3.初始化const api = new tenpay(config);// 4.獲取支付參數 let result = await api.getPayParams({out_trade_no: 'xxxx',//訂單號，隨便寫一個唯一的數就行，我是亂按的body: '商品簡單描述',total_fee: '1',openid: wxContext.OPENID //云開發獲取openid});//返回參數return result; }

在頁面js中調用該云函數即可

var that = this;//獲取微信支付相關參數wx.cloud.callFunction({name:"pay",success:(res)=>{const {result} =res;}})//進行支付wx.requestPayment({nonceStr: result.nonceStr,package: result.package,paySign: result.paySign,timeStamp: result.timeStamp,signType: result.signType,success: (res) => {console.log("支付成功"+res);},fail: (res) => {console.log("支付失敗"+res);},complete: (res) => {},})

使用promise對代碼進行改進

這次改進我們可以動態設置支付金額，使用UUID作為訂單號，商品名稱也可以在頁面js中修改，并且代碼變得更簡單

//引用js文件暴露出的對象 var wxapi=require("../../utils/wxapi.js"); var util = require("../../utils/util.js")var that = this;//獲取微信支付相關參數var res = await wxapi.cloud_callFunction({name:"pay",data:{out_trade_no:util.getUuid(),body:"活動付費",total_fee:"1"}});const {result} = res;//進行支付var res = await wxapi.requestPayment({timeStamp:result.timeStamp,nonceStr:result.nonceStr,package:result.package,signType:result.signType,paySign:result.paySign});console.log("支付成功"+res)

wxapi中代碼，主要是獲取支付信息與支付

/*** 微信調用云函數接口*/ export const cloud_callFunction =(params)=>{return new Promise((resolve,reject)=>{wx.cloud.callFunction({...params,success:(result)=>{resolve( result);},fail:(err)=>{reject (err);}})}) } /*** 微信支付api*/ export const requestPayment =(params)=>{return new Promise((resolve,reject)=>{wx.requestPayment({...params,success:(result)=>{resolve( result);},fail:(err)=>{reject (err);}})}) }

util，這里有一個獲取uuid的方法

export const getUuid = ()=>{return 'xxxxxxxxxxxxxxxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {var r = Math.random() * 16 | 0,v = c == 'x' ? r : (r & 0x3 | 0x8);return v.toString(16);}); }

總結

以上是生活随笔為你收集整理的微信小程序云开发之微信支付的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。