文章目錄

• 使用云函數(shù)獲取wx.requestPayment所需的參數(shù)
• • 第一步、使用npm導(dǎo)入tenpay
  • 第二步、編寫云函數(shù)代碼
• 在頁面js中調(diào)用該云函數(shù)即可
• 使用promise對代碼進(jìn)行改進(jìn)

前兩天寫了一個(gè)云函數(shù)的博客，今天寫一下關(guān)于云函數(shù)實(shí)現(xiàn)微信支付的過程
注意實(shí)現(xiàn)微信支付功能需要申請商戶號(hào)，并且讓微信小程序綁定商戶號(hào)，獲取商戶秘鑰

使用云函數(shù)獲取wx.requestPayment所需的參數(shù)

我使用tenpay這個(gè)第三方軟件獲取參數(shù)

第一步、使用npm導(dǎo)入tenpay

如果沒有下node就去下一個(gè)，網(wǎng)上有很多
右擊云函數(shù)文件，在最下面打開終端，輸入下面的代碼,回車運(yùn)行

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

第二步、編寫云函數(shù)代碼

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

在頁面js中調(diào)用該云函數(shù)即可

var that = this;//獲取微信支付相關(guān)參數(shù)wx.cloud.callFunction({name:"pay",success:(res)=>{const {result} =res;}})//進(jìn)行支付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對代碼進(jìn)行改進(jìn)

這次改進(jìn)我們可以動(dòng)態(tài)設(shè)置支付金額，使用UUID作為訂單號(hào)，商品名稱也可以在頁面js中修改，并且代碼變得更簡單

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

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

/*** 微信調(diào)用云函數(shù)接口*/ 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，這里有一個(gè)獲取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);}); }

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。