关于ios 11.X后微信wifi认证，无法打开微信，无法重定向到weixin：开头网址等问题的处理

时间：2018-10-21 00:50:36 阅读：450 评论：0 收藏：0 [点我收藏+]

标签：htm shel replace tps 默认 UNC 判断 code nbsp

环境：

　　认证路由ROS ，认证后台python django

ios11系统更新以来先后出现微信wifi认证，无法打开微信，无法重定向到weixin：开头网址等相关问题。

技术分享图片

经过问题的收集，查询到网络上此类问题普遍存在

收集到的有如下网址，市面上大多数厂商在使用微信wifi 认证都存在这个问题

　　http://www.ruijie.com.cn/fw/wt/61089/

　　http://www.adslr.com/bbs/forum.php?mod=viewthread&tid=1143

　　https://www.v2ex.com/t/445255

　　http://www.tg-net.cn/faq_article507_399.html

　　http://www.natshell.com/plus/view.php?aid=1319

　　http://www.sohu.com/a/193853473_421197

收集到的一些解决办法：

　　http://www.xiegaosheng.com/post/view?id=99

　　https://segmentfault.com/a/1190000016226365?utm_source=tag-newest

下面简单说明下此类问题：

　　无法打开微信认证问题，只有IOS 11.X后会出现。

　　默认IOS 认证连接上wifi 会自动弹出wifi 认证页面，后台会自动临时放行。认证页面的状态显示完成。

　　用户点击一键打开微信连接wifi，会提示无法重定向到weixin：开头网址。

　　导致不能打开微信，完成微信wifi认证。

　　然后，在此继续打开safari浏览器，输入http开头的网址。会继续提示微信wifi认证。然后打开微信成功。

　　说明，默认的认证页面存在了限制，导致无法使用微信相关的私有协议网址。

如何解决?

　　需要解决之类问题，就需要引导用户去加载到safari上才能打开微信完成微信认证。

　　所以首先要判断系统是否为ios

　　下面是JS代码：

    //首次加载页面提示正在准备网络中
    function btntime1(btn1) {
        btn.style.display=‘none‘;
        btn1.style.display=‘‘;
        if (wait ==0) {
            //倒计时加载完显示一键打开微信
            btn1.style.display=‘none‘;
                //判断是ios
                var u = navigator.userAgent;
                var isAndroid = u.indexOf(‘Android‘) > -1 || u.indexOf(‘Adr‘) > -1; //android终端
                var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
                if (isiOS) {
                    //如果是ios，就显示ios的a标签
                    btn.style.display=‘none‘;
                    btn3.style.display=‘‘;
                    var ios_auto_url ="{{ loginurl }}".replace("login","") + "ios_auto_weixin_login.html";
                    setTimeout("captive();",500);
                    btn3.href= ios_auto_url;

                } else {
                    //如果不是ios，就显示默认的a标签，
                    btn3.style.display=‘none‘;
                    btn.style.display=‘‘;
                }
            wait = 5;
        } else {
           btn1.style.backgroundColor= "#f2f2f2";
           btn1.style.color= "#bbb1b1";
           btn1.innerHTML="正在准备网络(" + wait +")";
           wait --;
           setTimeout(function () {
               btntime1(btn1);
           },
           1000)
        }
    }