微信小程式知識雲開發

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

小程式侵權投訴的發起與應對

軟體著作權作品登記證書

實作小程式支付功能

如何借助官方支付api簡單、高效率地實作小程式支付功能

借助小程式雲開發實作

隻需要一個簡單的雲函數

實作微信小程式支付功能

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;
}
           

小程式界面設計、互動、功能與他人的手機應用軟體或在先釋出的小程式構成實質性相似，構成小程式抄襲

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

<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

開發規範同小程式

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

widthFix

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

一個雲開發小程式

// app.js

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

建立雲函數pay

引入三方依賴tenpay

在指令行裡執行 npm i tenpay

image.png

//雲開發實作支付
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;
}
           

送出頁面，調用pay雲函數

<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)

發起微信支付

調用wx.requestPayment實作支付

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發生了submit事件，攜帶資料為：', 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)
}
})
},
//實作小程式支付
pay(payData) {
//官方标準的支付方法
wx.requestPayment({
timeStamp: payData.timeStamp,
nonceStr: payData.nonceStr,
package: payData.package, //統一下單接口傳回的 prepay_id 格式如：prepay_id=***
signType: 'MD5',
paySign: payData.paySign, //簽名
success(res) {
console.log("支付成功", res)
},
fail(res) {
console.log("支付失敗", res)
},
complete(res) {
console.log("支付完成", res)
}
})
}
})
           

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