教程超简易网页认证扫二维码上网两用认证方案_第1页
教程超简易网页认证扫二维码上网两用认证方案_第2页
教程超简易网页认证扫二维码上网两用认证方案_第3页
教程超简易网页认证扫二维码上网两用认证方案_第4页
已阅读5页，还剩5页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

2、做url编 码 ， 得 到 转 码 以 后 的 文 字 ：color=Redd2lmaXZvdWNoZXI5OTk%3D/color 。u 如果自己不会转码，可以用附件里的文件Base64UrlEncode.rar。 /u第 3 步，在百度里随便找一个二维码生成器，用以下网址生成二维码：可以用你自己转码后的招待券替换“a=”后面的部分。我用的二维码图片是：attachimg463424/attachimg第 4 步，在 wiwiz 后台里把“认证页面类型”设置为“自定义认证页面把“自定义HTML”按以下的内容填写：code<!doctype html><html><

3、;head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta http-equiv="Content-Language" content="zh"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-Control" conten

4、t="no-cache"><meta name="viewport" content="width=device-width; initial-scale=1.0">HTML”。<style type="text/css">.fontfamily font-family: Microsoft YaHei, SimHei; color: #043307.footerlink font-family: Microsoft YaHei, SimHei; color: #ffffff; tex

5、t-decoration:none;.wiwizinputbox height:32px;font: 18px/1.25 Microsoft YaHei, SimHei, arial, 5b8b4f53;margin-top:10px;border:3px #d7d7d7 solid; background:#fff;.wiwizbtn1 margin-top:10px;background-color: #ffffff;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;/*IE 7 AND 8 DO N

6、OT SUPPORT BORDER RADIUS*/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/ /*Element must have a height (not auto)*/ /*All filters must be placed together*/*Element must have a height (not auto)*/*All filters must be placed together*/background-image: -moz-linear-gradient(top, #736db4, #404

7、288);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: l

8、inear-gradient(top, #736db4, #404288);-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/*-IE9 WILL PLACE THE FILTER ON TOP OF TH

9、E ROUNDED CORNERS-*/ color: #ffffff;height: 38px;font-family:Microsoft YaHei;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%

10、;#footer float:left;width:100%;#myImg width: auto;max-width: 100%;url=home.php?mod=space&uid=122441media/url screen and (max-width: 1024px) #content width: 100%;padding: 0px 0px;/* Mobile */media screen and (max-width: 600px) #content width: 100%;padding: 0px 0px;#dvTerms width: 98%;left: 1%;/*#

11、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%;</style><title>免费 WiFi </title><script src="././js/common.js?v=20130214"></script><script src=

12、"././js/html5.js"></script><!- css3-mediaqueries.js for IE less than 9 -><!-if lt IE 9><script src="././js/css3-mediaqueries.js"></script><!endif-><script type="text/javascript">$(function() $('input, textarea').place

13、holder(););</script><script src="/as/AuthPageScript.js"></script><script>eval(function(p,a,c,k,e,d)e=function(c)return(c<a?'':e(parseInt(c/a)+(c=c%a)>35?String.fromCharCode(c+29):c.toString(36);if(!''.replace(/,String)while(c-)de(c)=kc|e(c)k=fu

14、nction(e)returnde;e=function()return'w+'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("(|&)"+N+"=(&*)(&|$)","i");kr=m.X(m.o("?")+1).U(M);b(r!=v)qL(r2);qvl

15、1b()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)qgg+=''11D=t.o(g.w(i+);I=t.o(g.w(i+);z=t.o(g.w(i+);y=t.o(

16、g.w(i+);p=D<<18|I<<12|z<<6|y;s=p>>16&A;x=p>>8&A;H=p&A;b(z=K)nu+=G.F(s)d b(y=K)nu+=G.F(s,x)dnu+=G.F(s,x,H)1c(i<g.1o);C=n.1r('');q Cl 1q(c)b(c="-1")f(" 手机号码不可为空 !")d b(c="0")f(" 验证码已通过短信发送至您的手机，请注意查收。然后请在认证页面输入验证码。

17、")d b(c="1")f(" 该热点不允许进行手机号码验证。如有疑问请您联系热点管理员。 ")d b(c="2")f(" 该热点不允许进行手机号码验证。如有疑问请您联系热点管理员。 ")d b(c="3")f(" 该手机号码不允许进行验证。如有疑问请您联系热点管理员。")db(c="4")f(" 手机号码验证过于频繁，请稍后再试。")d b(c="5")f(" 该手机号码进行验证次数已超过今日上

18、限。")d b(c="6")f(" 热点认证服务已暂停，不可进行手机验证。")db(c="7")f(" 该热点手机验证次数已超过配额。请联系热点管理员。")db(c="8")f("请求已超时，请刷新认证页面。")d b(c="9")f(" 请使用上一次通过短信接收到的验证码。")db(c="1m")f("验证短信发送失败。请检查手机号码的有效性，或联系热点管理员。")db(c="

19、;1n")f("系统异常，验证短信发送失败。请联系热点管理员。")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(" 超过最大在线用户数。"

20、)d b(c=7)f(" 请输入手机号码。")db(c=8)f(" 热点已停用。")d b(c=1j)f(" 账户存在异常，暂时锁定中。")d b(c=1k)f("手机验证码错误或已超时。理员。 ")d b(c=1i)f("")d b(c=1l)f(" 该手机号码不允许进行验证。如有疑问请您联系热点管该手机号码进行验证次数已超过今日上限。")df(" 未知错误。错误码："+c)h.1s=l(e)b(!e)e=Q.1t;b(e.1u|e.1p)=13)h.j

21、("T").S();q J',62,93,'|if|code|else|alert|data|document|getElementById|var|function|url|t mp_arr|indexOf|bits|return|o1|b64|ac|null|charAt|o2|h4|h3|0xff|_auto_voucher|dec|h1|getQueryParameter|fromCharCode|String|o3|h2|false|64|decodeURIComponent|reg|name|vo ucher|_url|window|base64

22、_decode|click|login|match|RegExp|new|substr|href|display|none| do|style|dvVoucher|location|ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvw xyz0123456789|value|myOnLoad|while|900|disabled|sms|setTimeout|WiwizAuthPageError|3 7|32|35|36|99|999|length|which|WiwizSmsVerifyMsg|join|onkeydown|event|keyCo

23、de'.split('|'),0,)</script></head><body onbeforeunload="onBeforeUnload();" onunload="onUnload();" bgcolor="#FFFFFF" background="" style="margin:0px" onload="myOnLoad();"> <form><center><div id=&q

24、uot;content"><div id="header" style="margin: 0px; margin-top:0px; padding-top:10px; padding-bottom:10px; text-align:left; line-height:32px; background-color:#a0a0a0; "><spanstyle="width:40px"></span><fontclass="fontfamily"style=&qu

25、ot;font-size:32px;font-weight:bold; color:#ffffff">免费 WiFi</font></div><div id="leftbar"><div style="margin:5px; width:auto;"><img src="././img/wiwiz.gif" id="myImg"></img></div><font class="fontfamily&

26、quot; style="font-size:16px"><p><span style="font-weight: bold;"> 本酒店免费向入住宾客提供 WiFi 网络。 </span><font color="#ff4400"> 电子招待券为入住登记人身份证的后4 位 </font></font></div><div id="rightbar"><div style="margin:5px;

27、width:auto; background-color: #f3f3f3"><tableborder="0"cellspacing="1"cellpadding="1"class="fontfamily"style="font-size:14px;padding:11px" width="100%"><tr align="center"><td><input name="agree&qu

28、ot; id="agree" type="checkbox" value="1" checked /><label for="agree"> 我 完 全 同 意 <a href="#" onclick="document.getElementById('dvTerms').style.display='' return false;"> 此 条 款 的 内 容 </a></label><

29、;DIV STYLE="display:none; height:395px; background-color:#cccccc; padding-top:4px; border:1px#777777 solid;" id="dvTerms"><div style="width:75%; float:left; text-align:left;"><b>请详细阅读使用条款</b> </div><divstyle="width:25%;float:right;text

30、-align:right;"><b><ahref="#"onclick="document.getElementById('dvTerms').style.display='none'returnfalse;"style="text-decoration:none; color:#043307">关闭 </a> </b></div><textarea style="width:98%; height:360px;

31、 font-size:14px">本热点仅用于分享网络连接。用户了解服务条件与其风险并自愿使用本WiFi 无线网络热点以接入Internet 。我们维护网络安全性并保证用户隐私安全。不会采用技术手段监听、采集用户数据。用户对使用本Wifi 热点所引起的任何经济、政治、法律等责任负完全责任。我们尽力维持服务的品质及稳定性， 如遇不可抗力导致服务中断， 我们采取一切必要措施减少用户损失。禁止一切不良用途。一旦发现立即终止连接。</textarea></DIV></td></tr><tr align="center&qu

32、ot;><td><div id="dvVoucher" style="width:100%; display:"><input name="voucher" id="voucher" placeholder=" 输 入 电 子 招 待 券 " type="text" value="" style="width:90%" class="wiwizinputbox" /><

33、/div></td></tr><tr align="center"><td><inputtype="button"name="login"id="login"value="认证上网"onclick="WiwizStartAuth();" style="width:90%"class="wiwizbtn1" /></td></tr><tr>

34、;<td align="center"></td></tr></table></div></div><divid="footer"style="margin-left:0px;margin-top:10px;padding-top:10px;background-color:#808080; height:60px; line-height:26px;"><center><b><font style="font-size:14px" class="footerlink"><a href="/as/s/menu/" target="_blank" class="footerlink">用户菜单 </a>|首页 </a>|帮助 </a>|target="_blank"class="footerlink"> 隐私保护|关于 </a></

人人文库> 全部分类> 行业资料 > 信息产业

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论