溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“微信公眾號如何實現H5支付接口調用方法”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“微信公眾號如何實現H5支付接口調用方法”這篇文章吧。
具體內容如下
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>微信公眾號H5接口調用</title>
<script src='./js/md5.js'></script>
</head>
<body>
<script>
// 判斷微信版本是否在5.0以上
// window.navigator.userAgent 屬性包含了瀏覽器類型，版本，操作系統類型，瀏覽器引擎等信息
var ua = window.navigator.userAgent.toLowerCase()
// 通過正則表達式匹配 ua 中是否含有 MicroMessenger 字符串
if (ua.match(/MicroMessenger/i) != 'micromessenger') {
return false
}
var appId = 'wx123456789'
// 微信H5接口調用準備
// 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，統一下單接口返回的prepay_id 參數值
// 4，paySign：微信簽名
function wxSignFunc() {
// 4.1,將參數改寫成 key=value&key2=value2 形式，需要按照參數名ASCII字典序排序
var stringA = 'appId=' + appId
+'&nonceStr=' + randomString()
+'&package=prepay_id=u802345jgfjsdfgsdg888'
+'&signType=MD5'
+'&timeStamp=' + timeStamp
///// 4.2，拼接API 密鑰
var stringSignTemp = stringA + '&key=192006250b4c09247ec02edce69f6a2d' //注：key為商戶平臺設置的密鑰key
var sign = hex_md5(stringSignTemp).toUpperCase()
return sign
}
console.log(wxSignFunc())
//////////// 微信接口實例
function onBridgeReady(){
WeixinJSBridge.invoke(
'getBrandWCPayRequest', {
"appId": appId, //公眾號名稱，由商戶傳入
"timeStamp": timeStamp, //時間戳，自1970年以來的秒數
"nonceStr": randomString(), //隨機串
"package":"prepay_id=u802345jgfjsdfgsdg888", // 統一下單接口返回的prepay_id 參數值
"signType":"MD5", //微信簽名方式：
"paySign": wxSignFunc() //微信簽名
},
function(res){
if(res.err_msg == "get_brand_wcpay_request:ok" ){
// 使用以上方式判斷前端返回,微信團隊鄭重提示：
// res.err_msg將在用戶支付成功后返回ok，但并不保證它絕對可靠。
console.log(111)
}
}
)
}
// 調用微信接口
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>以上是“微信公眾號如何實現H5支付接口調用方法”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
