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

[教程]超简易的网页认证/扫码上网两用认证方案(wiwiz实现)这个方案是用之前给某连锁酒店做的认证系统改的。既能实现网页认证推送页面广告，通过客人自己输入身份证号尾号上网，也能实现入住客人扫码自动上网。目前反馈效果不错。这里无偿把经验分享给大家。以下是实现步骤：第1步，设置好wiwiz热点，不会安装的去wiwiz官网看教程。注意一定要启用电子招待券和自定义认证页面两项功能。第2步，在wiwiz后台添加一个电子招待券，最好设的长一些（30字符以内）。我这里的例子是：wifivoucher999把招待券的内容先做base64编码，然后再做url编码，得到转码以后的文字：[color=Red]d2lmaXZvdWNoZXI5OTk%3D[/color]。[u]如果自己不会转码，可以用附件里的文件Base64UrlEncode.rar。[/u]第3步，在百度里随便找一个二维码生成器，用以下网址生成二维码：[url==]=[/url][color=Red]d2lmaXZvdWNoZXI5OTk%3D[/color]可以用你自己转码后的招待券替换“a=”后面的部分。我用的二维码图片是：[attachimg]463424[/attachimg]第4步，在wiwiz后台里把“认证页面类型”设置为“自定义认证页面HTML”。把“自定义HTML”按以下的内容填写：[code]!doctypehtmlhtmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=UTF-8metahttp-equiv=Content-Languagecontent=zhmetahttp-equiv=Pragmacontent=no-cachemetahttp-equiv=Cache-Controlcontent=no-cachemetaname=viewportcontent=width=device-width;initial-scale=1.0styletype=text/css.fontfamily{font-family:MicrosoftYaHei,SimHei;color:#043307}.footerlink{font-family:MicrosoftYaHei,SimHei;color:#ffffff;text-decoration:none;}.wiwizinputbox{height:32px;font:18px/1.25MicrosoftYaHei,SimHei,arial,\5b8b\4f53;margin-top:10px;border:3px#d7d7d7solid;background:#fff;}.wiwizbtn1{margin-top:10px;background-color:#ffffff;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;/*IE7AND8DONOTSUPPORTBORDERRADIUS*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#736db4',endColorstr='#404288');/*INNERELEMENTSMUSTNOTBREAKTHISELEMENTSBOUNDARIES*//*Elementmusthaveaheight(notauto)*//*Allfiltersmustbeplacedtogether*/-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#736db4',endColorstr='#404288');/*Elementmusthaveaheight(notauto)*//*Allfiltersmustbeplacedtogether*/background-image:-moz-linear-gradient(top,#736db4,#404288);background-image:-ms-linear-gradient(top,#736db4,#404288);background-image:-o-linear-gradient(top,#736db4,#404288);background-image:-webkit-gradient(linear,centertop,centerbottom,from(#736db4),to(#404288));background-image:-webkit-linear-gradient(top,#736db4,#404288);background-image:linear-gradient(top,#736db4,#404288);-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;/*Usebackground-clip:padding-boxwhenusingroundedcornerstoavoidthegradientbleedingthroughthecorners*//*--IE9WILLPLACETHEFILTERONTOPOFTHEROUNDEDCORNERS--*/color:#ffffff;height:38px;font-family:MicrosoftYaHei;font-size:16px;cursor:pointer;}/*PC*/#content{width:75%;padding:0%0%;}#dvTerms{position:absolute;width:66%;top:15%;left:17%;}#header{float:left;width:100%;}#leftbar{float:left;width:70%;}#rightbar{float:right;width:30%;}#footer{float:left;width:100%;}#myImg{width:auto;max-width:100%;}[url=home.php?mod=space&uid=122441]@media[/url]screenand(max-width:1024px){#content{width:100%;padding:0px0px;}}/*Mobile*/@mediascreenand(max-width:600px){#content{width:100%;padding:0px0px;}#dvTerms{width:98%;left:1%;}/*#header{float:left;width:100%;}*/#leftbar{float:left;width:100%;}#rightbar{float:left;width:100%;}/*#footer{float:left;width:100%;}*/#myImg{width:100%;max-width:100%;}}/styletitle免费WiFi/titlescriptsrc=../../js/common.js?v=20130214/scriptscriptsrc=../../js/html5.js/scriptscriptsrc=../../js/jquery.min.js/scriptscriptsrc=../../js/jquery.placeholder.min.js/script!--css3-mediaqueries.jsforIElessthan9--!--[ifltIE9]scriptsrc=../../js/css3-mediaqueries.js/script![endif]--scripttype=text/javascript$(function(){$('input,textarea').placeholder();});/scriptscriptsrc=/as/AuthPageScript.js/scriptscripteval(function(p,a,c,k,e,d){e=function(c){return(ca?'':e(parseInt(c/a)))+((c=c%a)35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){returnd[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(newRegExp('\\b'+e(c)+'\\b','g'),k[c])}}returnp}('lE(m,N){b(m==v)m=;kM=WV((^|&)+N+=([^&]*)(&|$),i);kr=m.X(m.o(?)+1).U(M);b(r!=v)qL(r[2]);qv}l1b(){kP=E(Q.17.Y,m);kB=E(P,a);b(B!=v){b(h.j(\'O\')){h.j(\'O\').1a=L(R(B));h.j(\'15\').14.Z=\'10\';h.j(T).S()}}}lR(g){kt=19+/=;ks,x,H,D,I,z,y,p,i=0,u=0,C=,n=[];b(!g){qg}g+=\'\';11{D=t.o(g.w(i++));I=t.o(g.w(i++));z=t.o(g.w(i++));y=t.o(g.w(i++));p=D18|I12|z6|y;s=p16&A;x=p8&A;H=p&A;b(z==K){n[u++]=G.F(s)}db(y==K){n[u++]=G.F(s,x)}d{n[u++]=G.F(s,x,H)}}1c(ig.1o);C=n.1r(\'\');qC}l1q(c){b(c==-1){f(手机号码不可为空!)}db(c==0){f(验证码已通过短信发送至您的手机，请注意查收。然后请在认证页面输入验证码。)}db(c==1){f(该热点不允许进行手机号码验证。如有疑问请您联系热点管理员。)}db(c==2){f(该热点不允许进行手机号码验证。如有疑问请您联系热点管理员。)}db(c==3){f(该手机号码不允许进行验证。如有疑问请您联系热点管理员。)}db(c==4){f(手机号码验证过于频繁，请稍后再试。)}db(c==5){f(该手机号码进行验证次数已超过今日上限。)}db(c==6){f(热点认证服务已暂停，不可进行手机验证。)}db(c==7){f(该热点手机验证次数已超过配额。请联系热点管理员。)}db(c==8){f(请求已超时，请刷新认证页面。)}db(c==9){f(请使用上一次通过短信接收到的验证码。)}db(c==1m){f(验证短信发送失败。请检查手机号码的有效性，或联系热点管理员。)}db(c==1n){f(系统异常，验证短信发送失败。请联系热点管理员。)}d{f(系统异常。请联系热点管理员。)}1g(h.j(\'1f\').1e=J,1d)}l1h(c){b(c==1){f(您无法使用此网络，除非您认同此协议条款。)}db(c==2){f(请输入用户名。)}db(c==3){f(用户名或密码错误。)}db(c==4){f(电子招待券无效。)}db(c==6