铁雪资源网 Design By www.gsvan.com
本文实例为大家分享了 微信内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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
铁雪资源网 Design By www.gsvan.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
铁雪资源网 Design By www.gsvan.com
暂无微信公众号H5支付接口调用方法的评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。