本文實例為大家分享了 微信內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>以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
