一键分享手机代码_通过广告路由器指定手机浏览器自动认证WIFI上网 附代码
說說應(yīng)用過程,下面用手機(jī)QQ瀏覽器為例。在路由器搭建免費(fèi)WIFI,用戶連接免費(fèi)WIFI后,使用手機(jī)QQ瀏覽器點(diǎn)擊打開任意網(wǎng)頁即可自動(dòng)通過認(rèn)證并上網(wǎng),有的手機(jī)會(huì)自動(dòng)打開認(rèn)證網(wǎng)頁,如果使用其他手機(jī)瀏覽器則自動(dòng)跳轉(zhuǎn)到引導(dǎo)認(rèn)證頁面,設(shè)置24小時(shí)認(rèn)證一次即可保證用戶每天使用手機(jī)QQ瀏覽器了。
說說需求,這功能可用于微信吸粉、廣告推廣、推廣手機(jī)瀏覽器等,應(yīng)用環(huán)境:可用于網(wǎng)吧、店鋪、街邊、酒店、車站等人多的地方。下面圖片是小編做的一個(gè)演示頁面。
免費(fèi)WIFI引導(dǎo)頁面
此頁面為引導(dǎo)認(rèn)證頁面,也就是連接免費(fèi)WIFI后使用其他手機(jī)瀏覽器打開網(wǎng)頁的時(shí)候跳轉(zhuǎn)的引導(dǎo)安裝手機(jī)瀏覽器頁面。點(diǎn)擊 免費(fèi)上網(wǎng) 會(huì)下載 手機(jī)QQ瀏覽器,點(diǎn) 試用網(wǎng)絡(luò) 會(huì)有一段時(shí)間免費(fèi)使用,試用到期后會(huì)自動(dòng)斷開。我們指定的是手機(jī)QQ瀏覽器打開,如果使用手機(jī)QQ瀏覽器打開會(huì)出現(xiàn)認(rèn)證成功頁面(如下圖)。
WIFI認(rèn)證成功頁面
實(shí)現(xiàn)此功能的原理是通過手機(jī)瀏覽器UA來判斷,全稱:userAgent,如果不懂什么是UA的朋友可以百度搜索一下,這里就不做陳述了。
如果要實(shí)現(xiàn)這種效果,需要準(zhǔn)備下面的東西:
1. 廣告路由器(一般某寶有的買,如果大家有技術(shù),可以刷愛快路由固件。)
2. 軟路由程序(小編使用的是愛快,本教程就使用愛快為例給大家演示。)
3. 網(wǎng)站服務(wù)器 (可使用免費(fèi)或者收費(fèi)的服務(wù)器,為了穩(wěn)定推薦使用收費(fèi)服務(wù)器)
4. 判斷手機(jī)QQ瀏覽器的源碼 (下面提供)
好了,頁面介紹就到這里,下面是代碼。
一、判斷手機(jī)瀏覽器的UA代碼:
使用方法:在電腦桌面創(chuàng)建一個(gè) index.html 文件,然后使用notepad++打開,粘貼上面的代碼到 index.html 里面,把 引導(dǎo)認(rèn)證頁面鏈接 修改成自己的引導(dǎo)頁面鏈接,再把 一鍵上網(wǎng)鏈接 換成你的一鍵認(rèn)證頁面鏈接,然后保存。
二、引導(dǎo)頁面源碼:
免費(fèi)無線 完成最后一步,即可永久免費(fèi)上網(wǎng)啦! 免費(fèi)上網(wǎng),只需兩步1.點(diǎn)免費(fèi)上網(wǎng),下載安裝并打開QQ瀏覽器;
2.在QQ瀏覽器打開任意網(wǎng)頁即可免費(fèi)上網(wǎng);
3.每天只認(rèn)證一次,請(qǐng)打開QQ瀏覽器認(rèn)證;
4.注意:此免費(fèi)WIFI網(wǎng)絡(luò)與QQ瀏覽器綁定;
使用其他手機(jī)瀏覽器無法通過認(rèn)證,切記!
連接即表示同意:WIFI安全上網(wǎng)協(xié)議(點(diǎn)擊查看)使用方法:在電腦桌面創(chuàng)建一個(gè) freewifi.html 文件,然后使用notepad++打開,粘貼上面的代碼到 freewifi.html 里面,把代碼里面標(biāo)注的位置換上你的鏈接,然后點(diǎn)擊保存。修改完成后把這兩個(gè) html 文件上傳到網(wǎng)站服務(wù)器即可。
路由器設(shè)置:
打開愛快路由后臺(tái):https://yun.ikuai8.com,選擇路由器列表,再選擇 設(shè)備管理。
路由器設(shè)置1
找到 認(rèn)證配置—自定義鏈接設(shè)置,把你的認(rèn)證地址寫上并把一鍵認(rèn)證按鈕勾上,點(diǎn)擊下面的 完成并生效 即可。
路由器設(shè)置2
廣告路由器都有這種類似的功能,設(shè)置方法大致相同。
好了,教程就到這里,本教程有點(diǎn)長(zhǎng),請(qǐng)耐心觀看哦,如果有不明白的地方,請(qǐng)?jiān)谙旅嬖u(píng)論、留言。
總結(jié)
以上是生活随笔為你收集整理的一键分享手机代码_通过广告路由器指定手机浏览器自动认证WIFI上网 附代码的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python命令行参数作用_Python
- 下一篇: 在线斯诺克html5,用HTML 5打造