当前位置：网站首页>App wechat payment unicloud version of uniapp payment (with source code)

App wechat payment unicloud version of uniapp payment (with source code)

2022-06-30 12:52:00 【Source code Haoyouduo】

1 First on the renderings

Insert picture description here

Why want to use unicloud ? Don't build your own server , Don't buy domain name , Don't file domain names , No need to support https. Just a simple cloud function , You can easily realize the wechat payment function

ask ： What is the server language , Is there a frame limit ？

answer ： Server based on uniCloud Development , No frame limit , You can integrate with any framework .

ask ： My project is not uniCloud, yes java、php Other languages , Can I use it ？

answer ： Sure , The payment link is deployed in the cloud development environment , Notify your server interface when the payment is successful .

2 preparation

1, appid, On the wechat open platform （https://open.weixin.qq.com） Registration application account number . Note here the company needs to 300 Yuan certification fee . Apply to activate wechat payment function in application details .
2, The merchant number that has applied for wechat payment （ Merchant id, Merchant secret key ）.
3,appid Associated with your merchant id

3 To configure

1、 stay manifest.json file “App The module configuration ” Term “Payment( payment )” Next , Check “ Wechat payment ” term

Insert picture description here

Parameter description

appid
Application of wechat open platform application ID（AppID）
iOS Platform common links （Universal Link）
stay iOS General links for wechat payment on the platform , It must be connected with wechat open platform “ Management Center ” > “ Application details ” > “ Development information ” Medium “Universal Links” The configuration in the item is consistent
notes ： About general Links , If the configuration is not consistent ,iOS It is impossible to return to after the payment is completed APP Of .

2、 find uniCloud -> cloudfunctions -> common Cloud functions uni-config-center -> uni-pay -> config.json->wxConfigApp Change it to your own appId, Merchant ID and secret key

Intra app initiated payment ——API Use

call uni.requestPayment(OBJECT) Initiate payment ,OBJECT Parameters in provider Property value is fixed to wxpay

Here is orderInfo, The attribute value is the order object . It is still worth noting that package, The value directly transmitted by wechat is packageValue.
partnerid, Wechat sends you partnerId.
prepayid, The wechat message is prepayId.
noncestr, Wechat sends you nonceStr.
timestamp, Wechat sends you timeStamp.
You must pay attention to the case , Otherwise, the order request fails , Let you ask questions , Find the pain .

// Order object , from uniCloud obtain 
let orderInfo = {
    
  "appid": res.data.orderInfo.appId,  //  application ID（AppID）
  "partnerid": res.data.orderInfo.partnerId, //  Merchant number （PartnerID）
  "prepayid": res.data.orderInfo.prepayId,  //  Pre payment transaction session ID
  "package": res.data.orderInfo.packageValue,        //  Fixed value 
  "noncestr": res.data.orderInfo.nonceStr, //  Random string 
  "timestamp": res.data.orderInfo.timeStamp, //  Time stamp （ Company ： second ）
  "sign": res.data.orderInfo.sign, //  Signature , Used here  MD5  Signature 
};

uni.requestPayment({
    
    provider: "wxpay",
    orderInfo: orderInfos,
    success(res) {
    
            console.log('success:' + JSON.stringify(res));
            console.log(" Successful payment ");
    },
    fail(err) {
    
            console.log('fail:' + JSON.stringify(err));
            console.log(" Failure to pay ");                        
    });