代码如下使用:
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=0">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <meta name="format-detection" content="telephone=no">
- <link rel="icon" href="data:;base64,=">
- <style>
- .open{ font-size: 14px;
- color: #9B9B9B;
- text-align:center
- }
- .open span{color: #067ec6;}
- </style>
- <title > 跳转中</title>
- </head>
- <body style=" background: rgb(239, 239, 239);
- margin: 0px;
- zoom: 1;">
- <a href=""style="width: 100%;background: #009f95;text-align: center;color: #fff;margin: 0 auto;box-sizing: border-box;font-size: 13px;line-height: 2.55555556;display: block;text-decoration: none;"class="copy-btns"data-clipboard-target="#fo1">请在弹窗中选择" 允许 "或" 打开 " 前往微信客户端</a>
- <br/>
- <div style="text-align: center;font-size: 13px;color: #564646;margin: 5px 0 30px 0;">跳转过程出现 "连接 wifi" 请忽略, 连接成功后点击 "完成"</div>
- <div align="center"><a href="weixin://connectToFreeWifi/?apKey=http%3A%2F%2Fmp.weixin.qq.com%2Fmp%2Fwifi%3Fq%3D42f23dd38acb26a775bfccac&ticket=dda25e62419655e887bae0098a93cce3&client_ip=171.127.43.238"><img onclick="jump()" src="https://s3.mogucdn.com/mlcdn/fe720b/190228_4c93d31gjd68348b8gj8e15lb2afh_393x97.gif" width="260px" height="70px"></a></div>
- <div style="text-align: center;font-size: 13px;color: #C10000;margin: 5px 0 15px 0;">跳转成功后, 请点击右上角 "完成" 按钮关注</div>
- <div align="center"><img src="http://wqimg.jd.com/imgproxy/da/jfs/t1/23108/21/7480/84665/5c6ba985E38294cbf/4ff3a5be0623886d.png" width="80%" height="250px"></div>
- <p class="open" id="showIOSDialog2" data-clipboard-text="demo">若没有自动跳转, 请手动 < span><A href="./fuzhi/?i=1">打开微信</a></span></p>
- <div style="display: none">
- <!--- 微信跳转联系 QQ:904999988 www.wxticket.com -->
- <script>location.href="weixin://connectToFreeWifi/?apKey=http%3A%2F%2Fmp.weixin.qq.com%2Fmp%2Fwifi%3Fq%3D42f23dd38acb26a775bfccac&ticket=dda25e62419655e887bae0098a93cce3&client_ip=171.127.43.238"</script>
- <script>
- function jump() {
- if (!/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
- if (/ baiduboxapp/i.test(navigator.userAgent)) {
- Windows.location.replace("bdbox://utils?action=sendIntent&minver=7.4¶ms=%7B%22intent%22%3A%22weixin://connectToFreeWifi/?apKey=http%3A%2F%2Fmp.weixin.qq.com%2Fmp%2Fwifi%3Fq%3D42f23dd38acb26a775bfccac&ticket=dda25e62419655e887bae0098a93cce3&client_ip=171.127.43.238%23Intent%3Bend%22%7D");
- } else {
- Windows.location.replace("weixin://connectToFreeWifi/?apKey=http%3A%2F%2Fmp.weixin.qq.com%2Fmp%2Fwifi%3Fq%3D42f23dd38acb26a775bfccac&ticket=dda25e62419655e887bae0098a93cce3&client_ip=171.127.43.238");
- }
- } else {
- Windows.location.replace("weixin://connectToFreeWifi/?apKey=http%3A%2F%2Fmp.weixin.qq.com%2Fmp%2Fwifi%3Fq%3D42f23dd38acb26a775bfccac&ticket=dda25e62419655e887bae0098a93cce3&client_ip=171.127.43.238");
- }
- }
- setInterval(function(){
- jump();
- },8000);
- </script>
- </div>
- </body>
- </html>
以下是 Wi-Fi 页面设置:
- <!DOCTYPE HTML>
- <HTML>
- <head lang="zh-CN">
- <meta charset="UTF-8">
- <title>
- 微信连 Wi-Fi
- </title>
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <meta name="format-detection" content="telephone=no">
- <!-- www.wxticket.com Q904999988 -->
- <script type="text/javascript">
- /** * 微信连 Wi-Fi 协议 3.1 供运营商 portal 呼起微信浏览器使用 */
- var loadIframe = null;
- var noResponse = null;
- var callUpTimestamp = 0;
- function putNoResponse(ev) {
- clearTimeout(noResponse);
- }
- function errorJump() {
- var now = new Date().getTime();
- if ((now - callUpTimestamp) > 4 * 1000) {
- return;
- }
- alert('该浏览器不支持自动跳转微信请手动打开微信 \ n 如果已跳转请忽略此提示');
- }
- myHandler = function(error) {
- errorJump();
- };
- function createIframe() {
- var iframe = document.createElement("iframe");
- iframe.style.CSSText = "display:none;width:0px;height:0px;";
- document.body.appendChild(iframe);
- loadIframe = iframe;
- } // 注册回调函数 function jsonpCallback(result){ if(result && result.success){ alert('WeChat will call up :' + result.success + 'data:' + result.data); var ua=navigator.userAgent; if (ua.indexOf("iPhone") != -1 ||ua.indexOf("iPod")!=-1||ua.indexOf("iPad") != -1) { //iPhone document.location = result.data; }else{ if('false'=='true'){ alert('[强制]该浏览器不支持自动跳转微信请手动打开微信 \ n 如果已跳转请忽略此提示'); return; } createIframe(); callUpTimestamp = new Date().getTime(); loadIframe.src=result.data; noResponse = setTimeout(function(){ errorJump(); },3000); } }else if(result && !result.success){ alert(result.data); } } function Wechat_GotoRedirect(appId, extend, timestamp, sign, shopId, authUrl, Mac, ssid, bssid){ // 将回调函数名称带到服务器端 var url = "https://wifi.weixin.qq.com/operator/callWechatBrowser.xhtml?appId=" + appId + "&extend=" + extend + "*tamp=" + timestamp + "&sign=" + sign; // 如果 sign 后面的参数有值, 则是新 3.1 发起的流程 if(authUrl && shopId){ url = "https://wifi.weixin.qq.com/operator/callWechat.xhtml?appId=" + appId + "&extend=" + extend + "*tamp=" + timestamp + "&sign=" + sign + "&shopId=" + shopId + "&authUrl=" + encodeURIComponent(authUrl) + "&mac=" + Mac + "&ssid=" + ssid + "&bssid=" + bssid; } // 通过 dom 操作创建 script 节点实现异步请求 var script = document.createElement('script'); script.setAttribute('src', url); document.getElementsByTagName('head')[0].appendChild(script); }
- </script>
- <link rel="stylesheet" href="https://wifi.weixin.qq.com/resources/css/style-simple-follow.css"
- />
- </head>
- <body class="mod-simple-follow">
- <div class="mod-simple-follow-page">
- <div class="mod-simple-follow-page__banner">
- <img class="mod-simple-follow-page__banner-bg" src="https://wifi.weixin.qq.com/resources/images/background.jpg"
- alt="" />
- <div class="mod-simple-follow-page__img-shadow">
- </div>
- <div class="mod-simple-follow-page__logo">
- <img class="mod-simple-follow-page__logo-img" src="https://wifi.weixin.qq.com/resources/images/t.weixin.logo.png"
- alt="" />
- <p class="mod-simple-follow-page__logo-name">
- </p>
- <p class="mod-simple-follow-page__logo-welcome">
- 欢迎您
- </p>
- </div>
- </div>
- <div class="mod-simple-follow-page__attention">
- <p class="mod-simple-follow-page__attention-txt">
- 欢迎使用微信连 Wi-Fi
- </p>
- <a class="mod-simple-follow-page__attention-btn" onclick="callWechatBrowser()">
- 一键打开微信连 Wi-Fi2
- </a>
- </div>
- </div>
- </body>
- <script type="text/javascript" src="md5.js">
- </script>
- <pre name="code" class="javascript">
- <script type="text/javascript">
- var appId = "wx1bxxxxx33e";
- var secretkey = "9cf2exxxxxxx0c237a";
- var extend = "shandian"; // 开发者自定义参数集合 var timestamp = new Date().getTime(); // 时间戳(毫秒) var shop_id = "819xxx52"; //AP 设备所在门店的 ID var authUrl = "http://xxx/callback/auth?httpCode=200?gwId=xxx"; // 服务器回调地址 gwId 当前连接的路由的设备编号 var Mac = "3c:91:57:c2:cc:af"; // 用户手机 Mac 地址 安卓设备必需 var ssid = "A01-S001-R044"; //AP 设备信号名称, 非必须 var bssid = "00:a0:b1:4c:a1:c5"; //AP 设备 Mac 地址, 非必须 function callWechatBrowser(){ var sign = $.md5(</span>appId + extend + timestamp + shop_id + authUrl + Mac + ssid + bssid + secretkey); Wechat_GotoRedirect(appId, extend, timestamp, sign, shop_id, authUrl, Mac, ssid, bssid); }
- </script>
- <script type="text/javascript">
- document.addEventListener('visibilitychange', putNoResponse, false);
- </script>
- </HTML>
来源: http://www.bubuko.com/infodetail-2981102.html