本文實例為大家分享了 微信內h5調用支付接口的具體代碼，供大家參考，具體內容如下

官方文檔

微信公眾號h5接口調用

// 判斷微信版本是否在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

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();

}

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持萬仟網。

如您對本文有疑問或者有任何想說的，請點擊進行留言回復，萬千網友為您解惑！

總結

以上是生活随笔為你收集整理的php h5微信公众号支付接口,微信公众号H5支付接口调用方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。