教程超简易网页认证扫二维码上网两用认证方案

1、教程超简易的网页认证/扫码上网两用认证方案（wiwiz 实现）这个方案是用之前给某连锁酒店做的认证系统改的。既能实现网页认证推送页面广告，通过客人自己输入身份证号尾号上网，也能实现入住客人扫码自动上网。目前反馈效果不错。这里无偿把经验分享给大家。以下是实现步骤：第1步，设置好wiwiz热点，不会安装的去 wiwiz官网看教程。注意一定要启用电子招待券 和自定义认证页面两项功能。第2步，在wiwiz后台添加一个电子招待券，最好设的长一些（30字符以内）。我这里的例子是：wifivoucher999把招待券的内容先做base64编码，然后再做url编码，得到转码以后的文字：color=Redd2l

2、maXZvdWNoZXI5OTk%3D/color。u如果自己不会转码，可以用附件里的文件Base64UrlEncode.rar。/u第3步，在百度里随便找一个二维码生成器，用以下网址生成二维码：url=/?a=/?a=/urlcolor=Redd2lmaXZvdWNoZXI 5OTk%3D/color可以用你自己转码后的招待券替换“a=”后面的部分。我用的二维码图片是：attachimg463424/attachimg第4步，在wiwiz后台里把“认证页面类型”设置为“自定义认证页面HTML”。把“自定义 HTML”

3、按以下的内容填写：codemeta http-equiv=Pragma content=no-cachemeta http-equiv=Cache-C on trol content=no-cache.fon tfamily fon t-family: Microsoft YaHei, SimHei; color: #043307.footerl ink fon t-family: Microsoft YaHei, SimHei; color: #ffffff; text-decorati on:non e;.wiwiz in putbox height:32px;font: 18px/1.2

4、5 Microsoft YaHei, SimHei, arial, 5b8b4f53; margin-top:10px;border:3px #d7d7d7 solid; backgro un d:#fff;.wiwizbt n1 margin-top:10px;backgro un d-color: #ffffff;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/filter: progid:DXImageTra n

5、sform.Microsoft.gradie nt(startColorstr= #736db4, en dColorstr =#404288);/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/*Eleme nt must have a height (not auto)*/*All filters must be placed together*/-ms-filter: progid:DXImageTra nsform.Microsoft.gradie nt(startColorstr = #736db4, en dColo

6、rstr = #404288);/*Eleme nt must have a height (not auto)*/*All filters must be placed together*/backgrou nd-image: -moz-li near-gradie nt(top, #736db4, #404288);background-image: -ms-linear-gradient(top, #736db4, #404288);background-image: -o-linear-gradient(top, #736db4, #404288);backgro un d-image

7、: -webkit-gradie nt(l in ear, cen ter top, cen ter bottom, from(#736db4), to(#404288);background-image: -webkit-linear-gradient(top, #736db4, #404288);background-image: linear-gradient(top, #736db4, #404288);-moz-backgro un d-clip: paddi ng;-webkit-backgro un d-clip: paddi ng-box;backgro un d-clip:

8、paddi ng-box;/*Use background-clip: padding-box when using rounded corners to avoid the gradient bleedi ng through the corn ers*/*-IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS-*/color: #ffffff;height: 38px;fon t-family:Microsoft YaHei;fon t-size: 16px;cursor: poin ter; /* PC */#content wi

9、dth: 75%;padd ing: 0% 0%;#dvTerms position: absolute; width:66%; top:15%;left:17%;#headerfloat:left;width:100%;#leftbar float:left;width:70%;#rightbar float:right;width:30%;#footer float:left;width:100%;#mylmg width: auto;max-width: 100%;url=home.php?mod=space&uid=122441media/url scree n and (max-wi

10、dth: 1024px) #content width: 100%;paddi ng: 0px 0px;/* Mobile */media scree n and (max-width: 600px) #content width: 100%;paddi ng: Opx Opx;#dvTerms width: 98%;left: 1%;/*#header float:left;width:1OO%;*/#leftbar float:left;width:100%;#rightbar float:left; width:100%;/*#footer float:left;width:100%;*

11、/#mylmg width: 100%;max-width: 100%; 免费 WiFi vscript type=text/javascript$(fun ctio n() $( in put, textarea).placeholder();)；eval(fu ncti on( p,a,c,k,e,d)e=fu ncti on( c)retur n( c35?Stri ng.fromC harCode(c+29):c.toStri ng(36);if(!.replace(/A/,Stri ng)while(c-)de(c)=kc|e(c)k=fu nctio n( e)returnde;e

12、=fu nctio n()returnw+;c=1;while(c-)if(kc)p=p.replace( newRegExp(b+e(c)+b,g),kc)returnp(lE(m,N)b(m=v)m=;kM=WV(A| &)+N+=(a&*)(&|$),i);kr=m.X(m.o(?)+1).U(M);b(r!=v)qL(r2);q vl 1b()kP=E(Q.17.Ym);k B=E(Ra);b(B!=v)b(h.j(0)h.j(0).1a=L(R(B);h.j(15).14.Z=10：h.j(T).S()lR(g)kt=19+/=;ks,x,H,D,l,z,y,p,i=0,u=0,C=

13、, n=;b(!g)qgg+=;11D=t.o(g.w(i+);l=t.o(g.w(i+);z=t.o(g.w(i+);y=t.o(g.w(i+);p=D18|l12|z16&A;x=p8&A;H=p&A;b(z=K) nu+=G.F(s)db(y=K)nu+=G.F(s,x)dnu+=G.F(s,x,H)1c(ig.1o);C=n.1r();q Cl 1q(c)b(c=-1)f(手机 号码不可为空!)d b(c=0)f(验证码已通过短信发送至您的手机，请注意查收。然后请在 认证页面输入验证码。)d b(c=1)f(该热点不允许进行手机号码验证。如有疑问请您联系热点管理员。)d b(c=2)f

14、(该热点不允许进行手机号码验证。如有疑问请您联系热点管理员。)d b(c=3)f(该手机号码不允许进行验证。如有疑问请您联系热点管理员。)db(c=4)f(手机号码验证过于频繁，请稍后再试。)d b(c=5)f(该手机号码进行验证次数已超过今日上限。”)d b(c=6)f(热点认证服务已暂停，不可进行手机验证。)db(c=7)f(该热点手机验证次数已超过配额。请联系热点管理员。”)d b(c=8)f(请求已超时，请刷新认证页面。)d b(c=9)f(请使用上一次通过短信接收到的验证码。)db(c=lm)f(验证短信发送失败。请检查手机号码的有效性，或联系热点管理员。)db(c=1 n)f(”系

15、统异常，验证短信发送失败。请联系热点管理员。”)df(”系统异常。请联系热点管理员。)1g(h.j(1f).1e = J,1d)l 1h(c)b(c=1)f(您无法使用此网络，除非您认同此 协议条款。)d b(c=2)f(请输入用户名。)d b(c=3)f(用户名或密码错误。)d b(c=4)f( 电子招待券无效。)d b(c=6)f(超过最大在线用户数。)d b(c=7)f(请输入手机号码。)d b(c=8)f(热点已停用。)d b(c=1j)f(账户存在异常，暂时锁定中。)d b(c=1k)f(手机验证码错误或已超时。)d b(c=1l)f(该手机号码不允许进行验证。如有疑问请您联系热点管

16、 理员。)d b(c=1i)f(该手机号码进行验证次数已超过今日上限。)df(未知错误。错误码：+c)h.1s=l(e)b(!e)e=Q.1t;b(e.1u|e.1p)=13)h.j(T).S();qJ,62,93,|if|code|else|alert|data|docume nt|getEleme ntById|var|fu nctio n|url|t mp_arr|i ndexOf|bits|return|o1|b64|ac| null|charAt|o2|h4|h3|0xff|_auto_voucher|dec|h1|g etQueryParameter|fromCharCode|St

17、ri ng|o3|h2|false|64|decodeURIComp onen t|reg| name|vo ucher|_url|wi ndow|base64_decode|click|logi n|match|RegExp| new|substr|href|display| none| do|style|dvVoucher|locati on |ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklm no pqrstuvw xyz0123456789|value|my On Load|while|900|disabled|sms|setTimeout|WiwizAu

18、thPageError|3 7|32|35|36|99|999|le ngth|which|WiwizSmsVerifyMsg|joi n|on keydow n|eve nt|keyCode.split( 免费 WiFi 本酒店免费 向入住宾客提供 WiFi网络。电子招待券为入住登记人身份证的后4位 我 完 全 同 意 a href=# onclick=document.getElementByld(dvTerms).style.display=; return false;此条款的 内 容 请详细阅读使用条款 关闭 本热点仅用于分享网络连接。用户了解服务条件与其风险并自愿使用本WiFi无线

19、网络热点以接入In ternet。我们维护网络安全性并保证用户隐私安全。不会采用技术手段监听、采集用户数据。用户对使用本 Wifi热点所引起的任何经济、政治、法律等责任负完全责任。我们尽力维持服务的品质及稳定性，如遇不可抗力导致服务中断，我们采取一切必要措施减少用户损失。禁止一切不良用途。一旦发现立即终止连接。用户菜单 |首页 |帮助 | 隐私保护 |关于 target=_bla nk class=footerl in kpoweredbya href=Wdocume nt.getEleme ntByld(e ncrypt).checked = true;/codep.s.这个网页是屏宽自适应的，手机，电脑，平板都可以用。你自己可以按 实际需要替换页面里面的显示内容。Q tw6MEn认证页面代冯.r虹下载链接：http:/pan.baidu.eom/s/1c0eoiDq 密码：jrur下载链接：http:/pan.baidu.eom/s/1mgJprZE 密码:j82i出师表两汉：诸葛亮先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光 先帝遗德，恢弘志士之气，不宜妄自菲薄