7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
1/16
SETTING UP THE WiFi HOTSPOT AND THE CAPTIVEPORTAL
by GeekyCat21 geekycat21b!"g#$"tc"%
&UIC' SETUP (") WiFi H"t#$"t *VER+ I,PORTANT T" %ake y"-)WiFi H"t#$"t .")k/
Click &UIC' SETto set up the wireless hotspot. Input necessary data likeLAN IP addresses, DHCP and etc. Like this,
Data inputted here are just examples. 0!-e ceck#means important.
hen C!ick A$$!y.
I! only one wi" user that can connect to the internet, It#s $ecause you ha%emiscon"&ured your &UIC' SETUP.
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
2/16
'estore the con"&uration you ha%e $ackup earlier. G" t"Wib"3 4gt5 C!ick Fi!e# 4gt5 Re#t")e
And then &o $ack to &UIC' SET. (ake sure you ha%e c"#e AP6 STATIC(") ADDRESS AC&UISITION6 $-t te )igt WLAN IP ADDRESS6 LAN
IP ADDRESS6 CHEC'ED DHCP SERVER a7 NAT6 $-t te )igt DHCPCLIENT *S"-!7 be te )age "( y"-) LAN IP ADDRESS !ike
LAN IP ADDRESS 8 1921:;11
DHCP CLIENT8 1921:;11
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
3/16
In the Hotspot dialo& $ox, Click H"t#$"t Set-$.
hen (ikrotik Hotspot *etup wi-ard, will $e appear. his is easiest way tosetup Hotspot inter!ace in (ikrotik. IP address !or thernet, DHCP *er%er,
routin& and "rewall will $e con"&ured automatically. In the (ikrotikHotspot *etup wi-ard, select.!a1as hotspot inter!ace. I! it turns red, itmeans INVALIDand you ha%e to choose b)i7ge1as hotspot inter!ace i! youha%e con"&ure the $rid&e also. hen click Next.
his picture is just an example/
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
4/16
xample/
And then *et hotspot IP address.0ou can accept de!ault %alues $ut choosenone !or certi"cate. Lea%e the IP as it is 1)2.3.32.x4. I! you chan&e this IP,the LOGIN and LOGOUT links will not work on your splash pa&e.henclick Next.
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
5/16
*et Pool dhcp, then click Next
or **L certi"cate, select none. hen Click Next.
5ecause we don6t ha%e *(P ser%er, enter 2.2.2.2. Click Next
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
6/16
In the wi-ard *etup DN*, input IP DN*, then click Next
or DN* name, lea%e $lank i! you want to, then click Next. 5ut you canname your local DN* hotspot !or example/ !reewi".com.1Anythin& you wantto name it4. It ser%es as a purpose that the users won6t ha%e to memori-ethe IP address o! the hotspot to &o the capti%e portal instead input the DN*Name in 7'L which is easy to remem$er. *ome $rowsers doesn6tautomatically &o to the capti%e portal. hat6s why users ha%e to input the IPaddress or DN* name 1ex. !reewi".com4 to &o to the capti%e portal.
Create users, and password, then click Next.
Done. *etup has completed success!ully.
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
7/16
5ack to the (ikrotik Hotspot dialo& $ox. Click ta$ *er%er Pro"les, thenclick twice to #$)"(1 1look at example picture $elow4. New open dialo&$ox will appear a$out Hotspot *er%er Pro"le.
Another example/
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
8/16
TER,S TO RE,E,0ER 0e(")e $)"cee7ig8
or me, there are two types o! capti%e portal. +ithA-teticati" a7N"=A-teticati"
+ithA-teticati"means users who are connected to the +ii must lo&in their username and password $e!ore they could use the internet.
N"=A-teticati"means users who are connected to +i" and has to see"rst a we$pa&e $e!ore they could use the internet. I thinks it#s called *plashPa&e.
And then in ta$ Lo&in, make sure in the section 8Lo&in 5y9, uncheck cookie,then click :;. I didn6t use 'ADI7* *er%er !or my capti%e portal. I6m not!amiliar with the 'ADI7* *er%er.
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
9/16
7ntil here, (ikrotik has $een success!ully con"&ured as a hotspot. ortestin& o! the client, create a %oucher !or the user < client. In the (ikrotikHotspot dialo& $ox, select ta$ 7sers = plus 1>4
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
10/16
I! youwant the landin& pa&e just !or the hotspot user not the LAN user, you canjust simply choose the *'?' and choose hotspot or whate%er ser%ername you use !or your wi" i! you want to implement the capti%e portal towi" users only. he username is important. 5ut the password, you ha%e thechoice whether you put a password !or your capti%e portal or not. 7sers o!the wi" must input the correct username and password in the capti%e portalto $e a$le to use the wi".
I! you don6t want users to input username or password in the landin& pa&e
and that you just want to that the users a&ree to your terms and conditionsor just click 8Connect9 $utton in your landin& pa&e
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
11/16
In the new open dialo& $ox,input name password. 0oucan customi-e how thespeed, duration o! use, themac address, and so on. Itdepends on your desire.
I7!e=ti%e"-tis used todetect, i! client is not usin&'outer networks, reachin&timeout user will $e lo&&ed
out, etc.
'ee$=a!i?e=ti%e"-tused todetect, i! is a%aila$le and reacha$le, i! check !ails client will $e dropped out,etc.
In other words, i7!e ti%e"-t checks traic, 'ee$a!i?e ti%e"-t checksa%aila$ility. i! user is online $ut is just not sendin&.
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
12/16
In the computer client, $rowsin& to any site, I! the lo&in pa&e appears, itmeans mikrotik hotspot is workin& properly. Input username and password,that ha%e $een created. I! e%erythin& is normal, the $rowser will $e redirectto destination site. I! it didn6t redirect, input the IP Address or DN* nameyou assi&ned to your +ii pro"le in the 7'L and click 8Bo9. I! it still doesn6tredirect, look $ack to the pre%ious lessons. 0ou mi&ht ha%e missed a thin&or two. 'emem$er what I told you $e!ore, one small con"&uration,
e%erythin& will $e destroyed unless you &ot a $ackup on the IL*. I tau&htyou how to $ackup con"&uration in (ikrotik.
or security, don6t !or&et to make new password !or user admin. Clicksystem = password, "ll new password in dialo& $ox, and then click chan&e.
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
13/16
HOW TO CUSTO,IBE te Ca$ti?e P")ta!
Te)%# t" RE,E,0ER be(")e $)"cee7ig8
he HT,L Di)ect")yis where you keep you we$pa&es use !or the landin&pa&e. Hotspot is the name o! the !older inside those we$pa&es. he "t#$"t("!7e)is the de!ault !older with we$pa&es that are pro%ided $y the (ikrotikas a de!ault landin& pa&e. 0ou can customi-e the lo&in.html or staus.htmlinside the hotspot !older accordin& to what you want. Fust make sure thatyour ser%er uses that ser%er pro"le you customi-e or it always use thede!ault.
L"git%!= this ser%es as the landin& pa&e. his is where capti%e portalredirects users connected to the wi". his is also where users input the
username and password to connect to the wi".
Stat-#t%! = a!ter the users lo&in success!ully, the capti%e portal willredirect to this we$pa&e. 5y de!ault, It will show your IP address, data ratesand connecti%ity status. It also has a $utton to lo& out !rom usin& theinternet.
L"g"-tt%! = this is where users will $e redirected to a!ter they clickedthe lo&out $utton in the status pa&e.
Re7i)ectt%!= this is where the capti%e portal "rst to &o. It redirects theusers to lo&in.html a!ter they connected to the wi".
A!"git%!= i! it took a while to lo&in to the capti%e portal, this pa&e willshow and it will show you the necessary step to $e a$le to lo& in to theportal.
+ith $asic H(L lan&ua&e knowled&e and the examples $elow it should $eeasy to implement the ideas descri$ed a$o%e.
o pro%ide prede"ned %alue as username, in lo&in.html chan&e/
ty$e@te3t ?a!-e@*-#e)a%e/
to this line/
i$-t ty$e@i77e a%e@-#e) ?a!-e@#-#e)
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
14/16
1where #-#e)is the username you are pro%idin&4
o pro%ide prede"ned %alue as password, in lo&in.html chan&e/
i$-t ty$e@$a##.")7
to this line/
i$-t ty$e@i77e a%e@$a##.")7 ?a!-e@#$a##
1where #$a##is the password you are pro%idin&4
o send client#s (AC address to a re&istration ser%er in !orm o!/
tt$#8...#e)?e)#e)?)egi#te)t%!%ac@88888
chan&e the Lo&in $utton link in lo&in.html to/
tt$#8...#e)?e)#e)?)egi#te)t%!%ac@*%ac/
1you should correct the link to point to your ser%er4
o show a $anner a!ter user lo&in, in alo&in.html a!ter
*i( $"$-$ @@ Jt)-eJ/
add the !ollowin& line/
"$e*Jtt$8y"-).eb#e)?e)y"-)=bae)=$aget%!J6 J%y=bae)=a%eJ6JJ/5
1you should correct the link to point to the pa&e you want to show4
o choose dierent pa&e shown a!ter lo&in, in lo&in.html chan&e/
i$-t ty$e@i77e a%e@7#t ?a!-e@*!ik=")ig/
to this line/
i$-t ty$e@i77e a%e@7#t?a!-e@tt$8y"-).eb#e)?e)
1you should correct the link to point to your ser%er4
o erase the cookie on lo&o, in the pa&e containin& link to the lo&out1!or example, in status.html4 chan&e/
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
15/16
"$e*J*!ik=!"g"-t/J6 J"t#$"tK!"g"-tJ6
to this/
"$e*J*!ik=!"g"-t/e)a#e=c""kie@"J6 J"t#$"tK!"g"-tJ6
or alternati%ely add this line/
i$-t ty$e@i77e a%e@e)a#e=c""kie ?a!-e@"
$e!ore this one/
i$-t ty$e@#-b%it ?a!-e@!"g "
N"te8Don6t copy and paste e%erythin& without understandin& the codes.
hen make the !ollowin& lo&in.html/
Code/ *elect allGhtmlGheadGmeta httpEeui%@Jre!reshJ content@J2K url@lo&inusername@usernamepassword@passwordJGmeta httpEeui%@Jpra&maJ content@JnoEcacheJGmeta httpEeui%@JexpiresJ content@JE)JG
7/25/2019 SETTING UP THE WiFi HOTSPOT AND THE CAPTIVE PORTAL.docx
16/16
G$odyG
Top Related