微信小程序知識云開發(fā)
2021-07-26 10:32:19

?

一個小程序最多5個服務類目，一個月可以修改3次類目

小程序侵權投訴的發(fā)起與應對

軟件著作權作品登記證書

實現(xiàn)小程序支付功能

如何借助官方支付api簡單、高效率地實現(xiàn)小程序支付功能

借助小程序云開發(fā)實現(xiàn)
只需要一個簡單的云函數(shù)

實現(xiàn)微信小程序支付功能

exports.main = async(event, context) => {
const wxContent = cloud.getWXContext()
let {
  orderid,
  money
 } = event;
// 初始化支付
const api = tenpay.init(config);
let result = await api.getPayParams({
out_trade_no: orderid,
body: '商品簡單描述',
total_fee: money, // 訂單金額
  openid: wxContext.OPENID // 付款用戶的openid
 });
return result;
}

小程序界面設計、交互、功能與他人的手機應用軟件或在先發(fā)布的小程序構成實質性相似，構成小程序抄襲

微信小程序代碼抄襲，侵犯他人軟件著作權

<image mode="widthFix" src="../../img/next-course.png"></image>

image {
width: 100%;
}

<view class="card">
<image src="" mode="widthFix"></image>
</view>

.card image {

}
.card {
 margin: 10rpx;
}
.bg {
 width: 100%;
}

什么是UniApp

Union Application
前端框架
基于Vue.js
開發(fā)規(guī)范同小程序

<style>
 @import url("index.css");
</style>

widthFix
寬度不變，高度自動變化，保存原圖寬高比不變

一個云開發(fā)小程序
// app.js

App({
onLaunch: function() {
  wx.cloud.init({
   env: "prod-ayrkn"
  })
 }
})

創(chuàng)建云函數(shù)pay

引入三方依賴tenpay

在命令行里執(zhí)行 npm i tenpay

image.png

image.png

image.png

//云開發(fā)實現(xiàn)支付
const cloud = require('wx-server-sdk')
cloud.init()

//1，引入支付的三方依賴
const tenpay = require('tenpay');
//2，配置支付信息
const config = {
appid: '你的小程序appid',
mchid: '你的微信商戶號',
partnerKey: '微信支付安全密鑰',
notify_url: '支付回調網址,這里可以先隨意填一個網址',
spbill_create_ip: '127.0.0.1' //這里填這個就可以
};

exports.main = async(event, context) => {
const wxContext = cloud.getWXContext()
let {
orderid,
money
} = event;
//3，初始化支付
const api = tenpay.init(config);

let result = await api.getPayParams({
out_trade_no: orderid,
body: '商品簡單描述',
total_fee: money, //訂單金額(分),
openid: wxContext.OPENID //付款用戶的openid
});
return result;
}

image.png

提交頁面，調用pay云函數(shù)

<form bindsubmit="formSubmit" bindreset="formReset">
<input name="orderid" placeholder="隨便寫一個訂單號"/>
<input name="money" placeholder="隨便寫一個訂購單總價"/>
<button form-type="submit" type="primary">提交訂單</button>
</form>

訂單號要大于6位
wx.requestPayment(Object object)
發(fā)起微信支付

image.png

調用wx.requestPayment實現(xiàn)支付

wx.requestPayment({
timeStamp: '',
 nonceStr: '',
 package: '',
 signType: 'MD5',
 paySign: '',
success(res){},
fail(res){}
})

pay.js

// pages/pay/pay.js
Page({
//提交訂單
formSubmit: function(e) {
let that = this;
let formData = e.detail.value
console.log('form發(fā)生了submit事件，攜帶數(shù)據為：', formData)
wx.cloud.callFunction({
name: "pay",
data: {
orderid: "" + formData.orderid,
money: formData.money
},
success(res) {
console.log("提交成功", res.result)
that.pay(res.result)
},
fail(res) {
console.log("提交失敗", res)
}
})
},
//實現(xiàn)小程序支付
pay(payData) {
//官方標準的支付方法
wx.requestPayment({
timeStamp: payData.timeStamp,
nonceStr: payData.nonceStr,
package: payData.package, //統(tǒng)一下單接口返回的 prepay_id 格式如：prepay_id=***
signType: 'MD5',
paySign: payData.paySign, //簽名
success(res) {
console.log("支付成功", res)
},
fail(res) {
console.log("支付失敗", res)
},
complete(res) {
console.log("支付完成", res)
}
})
}
})

image.png

image.png

image.png

---

若本號內容有做得不到位的地方（比如：涉及版權或其他問題），請及時聯(lián)系我們進行整改即可，會在第一時間進行處理。

---

?

?