這篇文章主要為大家展示了“微信公眾號如何實現(xiàn)H5支付接口調(diào)用方法”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“微信公眾號如何實現(xiàn)H5支付接口調(diào)用方法”這篇文章吧。

具體內(nèi)容如下
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>微信公眾號H5接口調(diào)用</title>
<script src='./js/md5.js'></script>
</head>
<body>
<script>
// 判斷微信版本是否在5.0以上
// window.navigator.userAgent 屬性包含了瀏覽器類型,版本,操作系統(tǒng)類型,瀏覽器引擎等信息
var ua = window.navigator.userAgent.toLowerCase()
// 通過正則表達式匹配 ua 中是否含有 MicroMessenger 字符串
if (ua.match(/MicroMessenger/i) != 'micromessenger') {
return false
}
var appId = 'wx123456789'
// 微信H5接口調(diào)用準備
// 1,時間戳
var timeStamp = new Date()
timeStamp = timeStamp.getTime()/1000
console.log('時間戳', timeStamp)
// 2,生成32位隨機字符串
function randomString(len) {
len = len || 32
// 默認去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1
var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';
var charsLen = chars.length;
var pwd = '';
for (var i=0;i<len;i++) {
pwd += chars.charAt(Math.floor(Math.random() * charsLen))
}
return pwd
}
console.log('nonceStr,32位隨機字符串', randomString())
// 3,package,統(tǒng)一下單接口返回的prepay_id 參數(shù)值
// 4,paySign:微信簽名
function wxSignFunc() {
// 4.1,將參數(shù)改寫成 key=value&key2=value2 形式,需要按照參數(shù)名ASCII字典序排序
var stringA = 'appId=' + appId
+'&nonceStr=' + randomString()
+'&package=prepay_id=u802345jgfjsdfgsdg888'
+'&signType=MD5'
+'&timeStamp=' + timeStamp
///// 4.2,拼接API 密鑰
var stringSignTemp = stringA + '&key=192006250b4c09247ec02edce69f6a2d' //注:key為商戶平臺設(shè)置的密鑰key
var sign = hex_md5(stringSignTemp).toUpperCase()
return sign
}
console.log(wxSignFunc())
//////////// 微信接口實例
function onBridgeReady(){
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId": appId, //公眾號名稱,由商戶傳入
"timeStamp": timeStamp, //時間戳,自1970年以來的秒數(shù)
"nonceStr": randomString(), //隨機串
"package":"prepay_id=u802345jgfjsdfgsdg888", // 統(tǒng)一下單接口返回的prepay_id 參數(shù)值
"signType":"MD5", //微信簽名方式:
"paySign": wxSignFunc() //微信簽名
},
function(res){
if(res.err_msg == "get_brand_wcpay_request:ok" ){
// 使用以上方式判斷前端返回,微信團隊鄭重提示:
// res.err_msg將在用戶支付成功后返回ok,但并不保證它絕對可靠。
console.log(111)
}
}
)
}
// 調(diào)用微信接口
if (typeof WeixinJSBridge == "undefined"){
if( document.addEventListener ){
document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
} else if (document.attachEvent){
document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
}
}else{
onBridgeReady();
}
</script>
</body>
</html>以上是“微信公眾號如何實現(xiàn)H5支付接口調(diào)用方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
標題名稱:微信公眾號如何實現(xiàn)H5支付接口調(diào)用方法-創(chuàng)新互聯(lián)
網(wǎng)頁URL:http://chinadenli.net/article24/shdje.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、網(wǎng)站設(shè)計公司、用戶體驗、企業(yè)建站、網(wǎng)站建設(shè)、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容