uniapp實現(xiàn)微信公眾號支付的方法步驟
更新時間：2022年05月07日 09:09:29 作者：小馬總
本文主要介紹了uniapp實現(xiàn)微信公眾號支付的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
1、申請企業(yè)服務(wù)號（必須企業(yè)認(rèn)證）
2、獲取appid 和秘鑰
菜單 開發(fā)-基本配置 獲取秘鑰 、設(shè)置ip白名單
3、安全域名設(shè)置
進(jìn)入公眾號設(shè)置-功能設(shè)置配置
4、代碼實現(xiàn)
點擊請求優(yōu)先去請求后臺訂單支付接口數(shù)據(jù)
將獲取到的數(shù)據(jù)放入以下請求數(shù)據(jù)里面
callPay: function(response) {
if (typeof WeixinJSBridge === "undefined") {
if (document.addEventListener) {
document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady(response), false);
} else if (document.attachEvent) {
document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady(response));
document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady(response));
}
} else {
this.onBridgeReady(response);
}
},
onBridgeReady: function(response) {
let that = this;
if (!response.package) {
return;
}
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId": response.appid, //公眾號名稱，由商戶傳入
"timeStamp": response.timestamp, //時間戳，自1970年以來的秒數(shù)
"nonceStr": response.noncestr, //隨機串
"package": response.package,
"signType": response.signType, //微信簽名方式：
"paySign": response.sign //微信簽名
},
function(res) {
if (res.err_msg === "get_brand_wcpay_request:ok") {
// 使用以上方式判斷前端返回,微信團(tuán)隊鄭重提示：
//res.err_msg將在用戶支付成功后返回ok，但并不保證它絕對可靠。
uni.showLoading({
title: '支付成功'
});
setTimeout(function() {
uni.hideLoading();
uni.redirectTo({
url: '../member/orderdetail?id=' + that.id
});
}, 1000);
} else {
uni.hideLoading();
}
WeixinJSBridge.log(response.err_msg);
}
);
},到此這篇關(guān)于uniapp實現(xiàn)微信公眾號支付的方法步驟的文章就介紹到這了,更多相關(guān)uniapp 微信公眾號支付內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本文主要介紹了TypeScript 在函數(shù)、枚舉、類和泛型中的類型兼容性規(guī)則,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-01-01
本篇文章主要介紹了JS高仿拋物線加入購物車特效實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下。2017-02-02
下面小編就為大家?guī)硪黄猨s判斷空對象的實例(超簡單)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
如果某元素定義了事件A，如click事件，如果觸發(fā)了事件之后，沒有阻止冒泡事件，那么事件將向父級元素傳播2014-03-03
用JavaScript和注冊表腳本實現(xiàn)右鍵收藏Web頁選中文本
用JavaScript和注冊表腳本實現(xiàn)右鍵收藏Web頁選中文本...2007-01-01
angular bootstrap timepicker TypeError提示怎么辦
這篇文章主要介紹了angular bootstrap timepicker TypeError提示的解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
原生JS forEach()和map()遍歷的區(qū)別、兼容寫法及jQuery $.each、$.map遍歷操作
這篇文章主要介紹了原生JS forEach()和map()遍歷的區(qū)別、兼容寫法及jQuery $.each、$.map遍歷操作,結(jié)合實例形式分析了JS使用forEach()和map()以及jQuery使用$.each、$.map進(jìn)行遍歷操作相關(guān)技巧與操作注意事項,需要的朋友可以參考下2019-02-02
這篇文章主要為大家詳細(xì)介紹了如何使用svg實現(xiàn)動態(tài)時鐘效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)人臉識別，實現(xiàn)添加信息和上傳照片功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
JavaScript循環(huán)遍歷的24個方法,你都知道嗎
這篇文章主要給大家介紹了關(guān)于JavaScript循環(huán)遍歷的24個方法,文中對每種方法都給出了詳細(xì)的實例代碼,方便大家理解學(xué)習(xí),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2021-09-09