教程超簡易網(wǎng)頁認證掃二維碼上網(wǎng)兩用認證專項方案_第1頁
教程超簡易網(wǎng)頁認證掃二維碼上網(wǎng)兩用認證專項方案_第2頁
教程超簡易網(wǎng)頁認證掃二維碼上網(wǎng)兩用認證專項方案_第3頁
教程超簡易網(wǎng)頁認證掃二維碼上網(wǎng)兩用認證專項方案_第4頁
教程超簡易網(wǎng)頁認證掃二維碼上網(wǎng)兩用認證專項方案_第5頁
已閱讀5頁,還剩8頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

[教程]超簡易網(wǎng)頁認證/掃碼上網(wǎng)兩用認證方案(wiwiz實現(xiàn))這個方案是用之前給某連鎖酒店做認證系統(tǒng)改。既能實現(xiàn)網(wǎng)頁認證推送頁面廣告,經(jīng)過客人自己輸入身份證號尾號上網(wǎng),也能實現(xiàn)入住客人掃碼自動上網(wǎng)?,F(xiàn)在反饋效果不錯。這里無償把經(jīng)驗分享給大家。以下是實現(xiàn)步驟:第1步,設(shè)置好wiwiz熱點,不會安裝去wiwiz官網(wǎng)看教程。注意一定要啟用電子招待券和自定義認證頁面兩項功效。第2步,在wiwiz后臺添加一個電子招待券,最好設(shè)長部分(30字符以內(nèi))。我這里例子是:wifivoucher999把招待券內(nèi)容先做base64編碼,然后再做url編碼,得到轉(zhuǎn)碼以后文字:[color=Red]d2lmaXZvdWNoZXI5OTk%3D[/color]。[u]假如自己不會轉(zhuǎn)碼,能夠用附件里文件Base64UrlEncode.rar。[/u]第3步,在baidu里隨便找一個二維碼生成器,用以下網(wǎng)址生成二維碼:[url=][/url][color=Red]d2lmaXZvdWNoZXI5OTk%3D[/color]能夠用你自己轉(zhuǎn)碼后招待券替換“a=”后面部分。我用二維碼圖片是:[attachimg]463424[/attachimg]第4步,在wiwiz后臺里把“認證頁面類型”設(shè)置為“自定義認證頁面HTML”。把“自定義HTML”按以下內(nèi)容填寫:[code]<!doctypehtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"><metahttp-equiv="Content-Language"content="zh"><metahttp-equiv="Pragma"content="no-cache"><metahttp-equiv="Cache-Control"content="no-cache"><metaname="viewport"content="width=device-width;initial-scale=1.0"><styletype="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;/*Use"background-clip:padding-box"whenusingroundedcornerstoavoidthegradientbleedingthroughthecorners*//*--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%;}}</style><title>無償WiFi</title><scriptsrc="../../js/common.js?v=0214"></script><scriptsrc="../../js/html5.js"></script><scriptsrc="../../js/jquery.min.js"></script><scriptsrc="../../js/jquery.placeholder.min.js"></script><!--css3-mediaqueries.jsforIElessthan9--><!--[ifltIE9]><scriptsrc="../../js/css3-mediaqueries.js"></script><![endif]--><scripttype="text/javascript">$(function(){$('input,textarea').placeholder();});</script><scriptsrc="/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--){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=D<<18|I<<12|z<<6|y;s=p>>16&A;x=p>>8&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(i<g.1o);C=n.1r(\'\');qC}l1q(c){b(c=="-1"){f("手機號碼不可為空!")}db(c=="0"){f("驗證碼已經(jīng)過短信發(fā)送至您手機,請注意查收。然后請在認證頁面輸入驗證碼。")}db(c=="1"){f("該熱點不許可進行手機號碼驗證。如有疑問請您聯(lián)絡(luò)熱點管理員。")}db(c=="2"){f("該熱點不許可進行手機號碼驗證。如有疑問請您聯(lián)絡(luò)熱點管理員。")}db(c=="3"){f("該手機號碼不許可進行驗證。如有疑問請您聯(lián)絡(luò)熱點管理員。")}db(c=="4"){f("手機號碼驗證過于頻繁,請稍后再試。")}db(c=="5"){f("該手機號碼進行驗證次數(shù)已超出今日上限。")}db(c=="6"){f("熱點認證服務(wù)已暫停,不可進行手機驗證。")}db(c=="7"){f("該熱點手機驗證次數(shù)已超出配額。請聯(lián)絡(luò)熱點管理員。")}db(c=="8"){f("請求已超時,請刷新認證頁面。")}db(c=="9"){f("請使用上一次經(jīng)過短信接收到驗證碼。")}db(c=="1m"){f("驗證短信發(fā)送失敗。請檢驗手機號碼有效性,或聯(lián)絡(luò)熱點管理員。")}db(c=="1n"){f("系統(tǒng)異常,驗證短信發(fā)送失敗。請聯(lián)絡(luò)熱點管理員。")}d{f("系統(tǒng)異常。請聯(lián)絡(luò)熱點管理員。")}1g("h.j(\'1f\').1e=J",1d)}l1h(c){b(c==1){f("您無法使用此網(wǎng)絡(luò),除非您認同此協(xié)議條款。")}db(c==2){f("請輸入用戶名。")}db(c==3){f("用戶名或密碼錯誤。")}db(c==4){f("電子招待券無效。")}db(c==6){f("超出最大在線用戶數(shù)。")}db(c==7){f("請輸入手機號碼。")}db(c==8){f("熱點已停用。")}db(c==1j){f("賬戶存在異常,臨時鎖定中。")}db(c==1k){f("手機驗證碼錯誤或已超時。")}db(c==1l){f("該手機號碼不許可進行驗證。如有疑問請您聯(lián)絡(luò)熱點管理員。")}db(c==1i){f("該手機號碼進行驗證次數(shù)已超出今日上限。")}d{f("未知錯誤。錯誤碼:"+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|document||getElementById|var|function|url|tmp_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|voucher|_url|window|base64_decode|click|login|match|RegExp|new|substr|href|display|none|do|||style|dvVoucher||location||ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz|value|myOnLoad|while|900|disabled|sms|setTimeout|WiwizAuthPageError|37|32|35|36|99|999|length|which|WiwizSmsVerifyMsg|join|onkeydown|event|keyCode'.split('|'),0,{}))</script></head><bodyonbeforeunload="onBeforeUnload();"onunload="onUnload();"bgcolor="#FFFFFF"background=""style="margin:0px"onload="myOnLoad();"><form><center><divid="content"><divid="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="font-size:32px;font-weight:bold;color:#ffffff">無償WiFi</font></div><divid="leftbar"><divstyle="margin:5px;width:auto;"><imgsrc="../../img/wiwiz.gif"id="myImg"></img></div><fontclass="fontfamily"style="font-size:16px"><p><spanstyle="font-weight:bold;">本酒店無償向入住來賓提供WiFi網(wǎng)絡(luò)。</span><fontcolor="#ff4400">電子招待券為入住登記人身份證后4位</font></font></div><divid="rightbar"><divstyle="margin:5px;width:auto;background-color:#f3f3f3"><tableborder="0"cellspacing="1"cellpadding="1"class="fontfamily"style="font-size:14px;padding:11px"width="100%"><tralign="center"><td><inputname="agree"id="agree"type="checkbox"value="1"checked/><labelfor="agree">我完全同意<ahref="#"onclick="document.getElementById('dvTerms').style.display='';returnfalse;">此條款內(nèi)容</a></label><DIVSTYLE="display:none;height:395px;background-color:#cccccc;padding-top:4px;border:1px#777777solid;"id="dvTerms"><divstyle="width:75%;float:left;text-align:left;"><b>請具體閱讀使用條款</b></div><divstyle="width:25%;float:right;text-align:right;"><b>[<ahref="#"onclick="document.getElementById('dvTerms').style.display='none';returnfalse;"style="text-decoration:none;color:#043307">關(guān)閉</a>]</b></div><textareastyle="width:98%;height:360px;font-size:14px">本熱點僅用于分享網(wǎng)絡(luò)連接。用戶了解服務(wù)條件和其風(fēng)險并自愿使用本W(wǎng)iFi無線網(wǎng)絡(luò)熱點以接入Internet。我們維護網(wǎng)絡(luò)安全性并確保用戶隱私安全。不會采取技術(shù)手段監(jiān)聽、采集用戶數(shù)據(jù)。用戶對使用本W(wǎng)ifi熱點所引發(fā)任何經(jīng)濟、政治、法律等責(zé)任負完全責(zé)任。我們盡力維持服務(wù)品質(zhì)及穩(wěn)定性,如遇不可抗力造成服務(wù)中止,我們采取一切必需方法降低用戶損失。嚴禁一切不良用途。一旦發(fā)覺立即終止連接。</textarea></DIV></td></tr><tralign="center"><td><divid="dvVoucher"style="width:100%;display:"><inputname="voucher"id="voucher"placeholder="輸入電子招待券"type="text"value=""style="width:90%"class="wiwizinputbox"/></div></td></tr

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論