Difference between revisions of "Manual HotSpot Setup"

From MikroTik Wiki
Jump to: navigation, search
(Δημιουργία DHCP Server)
(Δημιουργία Hot Spot)
Line 79: Line 79:
 
==Δημιουργία Hot Spot==
 
==Δημιουργία Hot Spot==
  
[[Εικόνα:H10.jpg]]
+
[[Image:HH10.jpg]]
  
  
Line 91: Line 91:
 
Hotspot Address: Γράφουμε την IP διεύθυνση του interface στο οποίο θα λειτουργεί το Hotspot
 
Hotspot Address: Γράφουμε την IP διεύθυνση του interface στο οποίο θα λειτουργεί το Hotspot
  
[[Εικόνα:H11.jpg]]
+
[[Image:HH11.jpg]]
  
  
Line 98: Line 98:
 
Το “Trial” είναι για να επιτρέπουμε περίοδο δοκιμής σε όποιους θέλουν να συνδεθούν.
 
Το “Trial” είναι για να επιτρέπουμε περίοδο δοκιμής σε όποιους θέλουν να συνδεθούν.
  
[[Εικόνα:H12.jpg]]
+
[[Image:HH12.jpg]]
  
  
Line 106: Line 106:
 
ήσσονος σημασίας)
 
ήσσονος σημασίας)
  
[[Εικόνα:H13.jpg]]
+
[[Image:HH13.jpg]]
  
  
Line 113: Line 113:
 
Δεν παραθέτω ιδιαίτερες διευκρινήσεις. (Δημιουργούμε τον user για χρήση δική μας κυρίως. Δοκιμές, χρήση του Hotspot ανά πάσα στιγμή και μηχάνημα, κ.λπ.)
 
Δεν παραθέτω ιδιαίτερες διευκρινήσεις. (Δημιουργούμε τον user για χρήση δική μας κυρίως. Δοκιμές, χρήση του Hotspot ανά πάσα στιγμή και μηχάνημα, κ.λπ.)
  
[[Εικόνα:H14.jpg]]
+
[[Image:HH14.jpg]]
  
 
Πατάμε ΟΚ και πάμε στο tab Walled Garden.
 
Πατάμε ΟΚ και πάμε στο tab Walled Garden.
Line 122: Line 122:
 
Στο παράδειγμα τα www.awmn και wind.awmn για να μπορούν νέοι χρήστες να γράφονται και να στέλνουν ΡΜ.
 
Στο παράδειγμα τα www.awmn και wind.awmn για να μπορούν νέοι χρήστες να γράφονται και να στέλνουν ΡΜ.
  
[[Εικόνα:H15.jpg]]
+
[[Image:HH15.jpg]]
[[Εικόνα:H16.jpg]]
+
[[Image:HH16.jpg]]
  
 
Πάμε στο πρώτο tab, Servers και πατάμε Add.
 
Πάμε στο πρώτο tab, Servers και πατάμε Add.
Line 137: Line 137:
 
Profile: Επιλέγουμε το profile που είχαμε δημιουργήσει σε προηγούμενο βήμα
 
Profile: Επιλέγουμε το profile που είχαμε δημιουργήσει σε προηγούμενο βήμα
  
[[Εικόνα:H17.jpg]]
+
[[Image:HH17.jpg]]
  
 
Πατάμε ΟΚ και το Hotspot είναι έτοιμο προς χρήση.
 
Πατάμε ΟΚ και το Hotspot είναι έτοιμο προς χρήση.
  
[[Εικόνα:H18.jpg]]
+
[[Image:HH18.jpg]]
  
 
Pool, DHCP, Hotspot
 
Pool, DHCP, Hotspot
  
[[Εικόνα:H19.jpg]]
+
[[Image:HH19.jpg]]
  
 
==Περιγραφή χρήσης.==
 
==Περιγραφή χρήσης.==

Revision as of 14:01, 9 November 2008

Το παρακάτω κείμενο περιγράφει αναλυτικά την δημιουργία hotspot σε Mikrotik 2.9.27. (Σε πιο νέες εκδόσεις του Mikrotik δεν αλλάζουν σημαντικά πράγματα, και μπορεί να χρησιμοποιηθεί ακριβώς με τον ίδιο τρόπο)

Τα βήματα έχουν ως εξής:


Δημιουργία Address pool για τον DHCP Server

HH1.jpg

Πατάμε add και συμπληρώνουμε τα παρακάτω:

Name: Εδώ δίνουμε το όνομα του pool (γράφουμε ότι μας αρέσει αν και συνιστώ γενικά σε όλα τα σημεία να γράφουμε κάτι που να περιγράφει αυτό που αντιπροσωπεύει για να ξέρουμε αργότερα τι είναι το καθένα)

Addresses: Εδώ δίνουμε τις διευθύνσεις που θα χρησιμοποιεί το pool στην μορφή από-εώς (Οι διευθύνσεις αυτές πρέπει να είναι υποσύνολο του υποδικτύου που χρησιμοποιεί το interface στο οποίο θα ενεργοποιήσουμε τον dhcp αργότερα.

Παράδειγμα: Αν το interface είναι το ether2 στο οποίο έχουμε δώσει διεύθυνση 10.2.164.65/27 σημαίνει πώς περιλαμβάνει τις διευθύνσεις 10.2.164.64 έως 10.2.164.95, και επομένως το pool πρέπει να έχει διευθύνσεις του περιλαμβάνονται μέσα σε αυτό το εύρος.

Δεν περιλαμβάνουμε την ίδια την διεύθυνση του interface στο παράδειγμα την 10.2.164.65.

HH2-1.jpg

HH2-2.jpg

Πατάμε οκ και το pool είναι έτοιμο.

Δημιουργία DHCP Server

HH3.jpg

HH4-1.jpg HH4-2.jpg

Καλό είναι να βάλουμε ένα μικρό χρόνο στο σημείο αυτό για αποφυγή προβλημάτων σε περίπτωση επανεκκίνησης.

Κάνουμε add και συμπληρώνουμε τα παρακάτω:

Name: Εδώ δίνουμε το όνομα του DHCP Server (γράφουμε ότι μας αρέσει αν και συνιστώ γενικά σε όλα τα σημεία να γράφουμε κάτι που να περιγράφει αυτό που αντιπροσωπεύει για να ξέρουμε αργότερα τι είναι το καθένα)

Interface: Επιλέγουμε το interface στο οποίο θα λειτουργεί ο DHCP Server

Address Pool: επιλέγουμε το pool που είχαμε δημιουργήσει σο προηγούμενο βήμα.


HH5.jpg

Πατάμε ΟΚ.

HH6.jpg

Επιλέγουμε το tab networks

HH7.jpg

Πατάμε add και συμπληρώνουμε τα παρακάτω

Address: Δίνουμε το δίκτυο στο οποίο ανήκει η διεύθυνση του Interface στο οποίο θέλουμε να ενεργοποιήσουμε τον DHCP Server.

Gateway: Δίνουμε την διεύθυνση του gateway για το δίκτυο στο οποίο θέλουμε να ενεργοποιήσουμε τον DHCP Server. Συνήθως είναι η IP διεύθυνση του interface.

DNS Server: Δίνουμε την διεύθυνση τουDNS Server. Βάζουμε την IP διεύθυνση του interface, και όποιον άλλο ενεργό DNS θέλουμε.

DNS Domain: Δίνουμε το όνομα του Domain. Συνήθως το όνομα του κόμβου μας.


HH8.jpg

Πατάμε ΟΚ.

HH9.jpg

Δημιουργία Hot Spot

HH10.jpg


Πατάμε profile, κάνουμε add και συμπληρώνουμε τα παρακάτω.

Name: Εδώ δίνουμε το όνομα του profile

(γράφουμε ότι μας αρέσει αν και συνιστώ γενικά σε όλα τα σημεία να γράφουμε κάτι που να περιγράφει αυτό που αντιπροσωπεύει για να ξέρουμε αργότερα τι είναι το καθένα)

Hotspot Address: Γράφουμε την IP διεύθυνση του interface στο οποίο θα λειτουργεί το Hotspot

HH11.jpg


Επιλέγουμε το tab login και συμπληρώνουμε κατά βούληση.

Το “Trial” είναι για να επιτρέπουμε περίοδο δοκιμής σε όποιους θέλουν να συνδεθούν.

HH12.jpg


Πατάμε ΟΚ και πάμε στο tab users. Αλλάζουμε το Default profile ή δημιουργούμε ένα νέο ανάλογα με τις

προτιμήσεις μας. Επιλέγουμε το pool που έχουμε δημιουργήσει. (Δεν επεκτείνομαι ιδιαιτέρα λόγω του ότι είναι ήσσονος σημασίας)

HH13.jpg


Πατάμε ΟΚ και πατάμε add για να προσθέσουμε ένα user

Δεν παραθέτω ιδιαίτερες διευκρινήσεις. (Δημιουργούμε τον user για χρήση δική μας κυρίως. Δοκιμές, χρήση του Hotspot ανά πάσα στιγμή και μηχάνημα, κ.λπ.)

HH14.jpg

Πατάμε ΟΚ και πάμε στο tab Walled Garden.

Προσθέτουμε όσα site ή διευθύνσεις θέλουμε να μπορούν να επισκέπτονται οι χρήστες μας χωρίς να χρειάζεται επέμβαση από μας.

Στο παράδειγμα τα www.awmn και wind.awmn για να μπορούν νέοι χρήστες να γράφονται και να στέλνουν ΡΜ.

HH15.jpg HH16.jpg

Πάμε στο πρώτο tab, Servers και πατάμε Add.

Name: Εδώ δίνουμε το όνομα του Hotspot (γράφουμε ότι μας αρέσει αν και συνιστώ γενικά σε όλα τα σημεία να γράφουμε κάτι που να περιγράφει αυτό που αντιπροσωπεύει για να ξέρουμε αργότερα τι είναι το καθένα)

Interface: Επιλέγουμε το interface στο οποίο θα λειτουργεί το Hotspot

Address Pool: Επιλέγουμε το pool που έχουμε δημιουργήσει παραπάνω.

Profile: Επιλέγουμε το profile που είχαμε δημιουργήσει σε προηγούμενο βήμα

HH17.jpg

Πατάμε ΟΚ και το Hotspot είναι έτοιμο προς χρήση.

HH18.jpg

Pool, DHCP, Hotspot

HH19.jpg

Περιγραφή χρήσης.

Όταν ένας νέος χρήστης συνδεθεί στο hotspot αυτόματα θα πάρει μια IP διεύθυνση από τον DHCP Server.

Ο χρήστης αυτός θα εμφανίζεται στα παρακάτω.

  • DHCP Server, Leases
  • Wireless, Registration
  • Hotspot, Hosts
  • Αν έχει κάνει χρήση της δοκιμαστικής περιόδου στο : Hotspot, Cookies και Hotspot, Users.


Η προτεινόμενη διαδικασία από εμένα περιλαμβάνει τις παρακάτω ενέργειες: Αφού επικοινωνήσει μαζί μας και επιβεβαιωθεί η MAC του,

  • Κάνουμε static την IP διεύθυνση του στον DHCP Server.
  • Τον Εντοπίζουμε στο Hotspot, Hosts τον κάνουμε Binding και Bypassed και ελέγχουμε τις ΙΡ και τα υπόλοιπα στοιχεία του στο Hotspot.
  • Τον Εντοπίζουμε στο Wireless, Registration και τον κάνουμε “Copy to Access List”
  • Τον Εντοπίζουμε στο Wireless, Access List και προσθέτουμε ένα comment για να ξέρουμε ποιος είναι.
  • Τον Εντοπίζουμε στο DHCP, Leases και προσθέτουμε ένα comment για να ξέρουμε ποιος είναι.
  • Τον Εντοπίζουμε στο Hotspot,Bindings και προσθέτουμε ένα comment για να ξέρουμε ποιος είναι.

Εντοπισμός χρήστη στον DHCP Server και μετατροπή σε static από το αντίστοιχο πλήκτρο (Make Static)

Εικόνα:H20.jpg

Εντοπισμός χρήστη στο Hotspot και μετατροπή σε Binding και bypassed τα αντίστοιχα πλήκτρα.

Εικόνα:H21.jpg

Εντοπισμός χρήστη στο Hotspot και επανέλεγχος των στοιχείων του.

Εικόνα:H22.jpg

Copy to Access List

Εικόνα:H23.jpg

Πρόσθεση πληροφοριών ταυτότητας χρήστη στο Wireless, Access List.

Εικόνα:H24.jpg

Πρόσθεση πληροφοριών ταυτότητας χρήστη στον DHCP Server

Εικόνα:H25.jpg

Πρόσθεση πληροφοριών ταυτότητας χρήστη στο Hotspot

Εικόνα:H26.jpg

Αλλαγή της πρώτης σελίδας του Hotspot ώστε να δίνει πληροφορίες.

Όταν ένας νέος χρήστης συνδεθεί στο Hotspot η πρώτη σελίδα που βλέπει όποια διεύθυνση και να επιλέξει είναι η παρακάτω.

Εικόνα:H27.jpg

Σκοπός μας είναι να αλλάξουμε την σελίδα αυτή κατά βούληση ώστε να δίνει τις πληροφορίες που θέλουμε εμείς. Ανοίγουμε το file list.

Εικόνα:H28.jpg

Το αρχείο που μας ενδιαφέρει είναι το login.html (Φυσικά μπορούμε να αλλάξουμε όποιο αρχείο θέλουμε.Για παράδειγμα αν θέλουμε να μεταφράσουμε στα ελληνικά όλα τα κείμενα.)

Επίσης στο παράδειγμα προσθέτουμε το λογότυπο του AWMN και μια μικρή φωτογραφία της αρεσκείας μας.

Οι φωτογραφίες αυτές είναι : awmn-logo.png (AWMN Logo) ody.jpg (Εικόνα του Οδυσσέα για τον κόμβο Ithaca)

Εικόνα:awmn-logo.png Εικόνα:ody.jpg

Τραβάμε με το ποντίκι και αφήνουμε τις εικόνες αυτές στο φάκελο img

Εικόνα:H29.jpg

Στην συνέχεια τραβάμε με το ποντίκι το αρχείο login.html στο desktop του υπολογιστή μας.

Το ανοίγουμε με έναν text editor και κάνουμε τις αλλαγές που θέλουμε ώστε να δώσουμε την μορφή που επιθυμούμε. (Αν φαίνεται δύσκολος ο τρόπος αυτός μπορούμε να χρησιμοποιήσουμε έναν html editor)

Αφού κάνουμε τις αλλαγές σβήνουμε το αρχείο login.html από την λίστα του mikrotik και τραβάμε με το ποντίκι στην θέση του το δικό μας.

Επίσης ια λόγους ευκολίας σε μελλοντικές αλλαγές που θα θέλουμε να κάνουμε στην σελίδα μας, δημιουργούμε ένα αρχείο με όνομα inf.html (το όνομα δεν είναι δεσμευτικό)

Στο αρχείο αυτό μπορούμε να γράψουμε πληροφορίες για το πώς μπορεί ο υποψήφιος πελάτης να επικοινωνήσει μαζί μας, κ.λπ.

Παραθέτω το αρχείο login.htm το οποίο χρησιμοποιώ στο δικό μου κόμβο.

Μπορείτε να το αναγράψετε σε ένα notepad και να το σώσετε με επέκταση html και να το χρησιμοποιήσετε αλλάζοντας τα περιεχόμενα (κίτρινα labels) και τις εικόνες (Μπλε labels).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>mikrotik hotspot > login</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="expires" content="-1" />
<style type="text/css">
body {color: #737373; font-size: 10px; font-family: verdana;}
textarea,input,select {
background-color: #FDFBFB;
border: 1px solid #BBBBBB;
padding: 2px;
margin: 1px;
font-size: 14px;
color: #808080;
}
a, a:link, a:visited, a:active { color: #AAAAAA; text-decoration: none; font-size: 20px; }
a:hover { border-bottom: 1px dotted #c1c1c1; color: #AAAAAA; }
img {border: none;}
td { font-size: 14px; color: #7A7A7A; }
</style>
</head>
<body>
$(if chap-id)
<form name="sendin" action="$(link-login-only)" method="post">
<input type="hidden" name="username" />
<input type="hidden" name="password" />
<input type="hidden" name="dst" value="$(link-orig)" />
<input type="hidden" name="popup" value="true" />
</form>
<script type="text/javascript" src="/md5.js"></script>
<script type="text/javascript">
<!--
function doLogin() {
document.sendin.username.value = document.login.username.value;
document.sendin.password.value = hexMD5('$(chap-id)' + document.login.password.value +
'$(chap-challenge)');
document.sendin.submit();
return false;
}
//-->
</script>
$(endif)
<div align="center">
</div>
<table width="100%" style="margin-top: 2%;">
<div align="center">
<a href="inf.html">AWMN Hotspot</a>
</div>
<div align="center">
<a href="inf.html">K LMNOPQRS MSOTUPVSι XYOPZ[</a>
</div>
<table width="100%" style="margin-top: 2%;">
<div align="center">
<a href="inf.html">\ιS ]^NO_`_ORPa MSVbQVP PXc</a>
</div>
<tr><td align="center"><a href="inf.html" target="_blank" style="border: none;"><img src="../img/ody.jpg"
alt="Ithaca" /></a></td></tr>
<table width="100%" style="margin-top: 0%;">
<tr>
<td align="center" valign="middle">
<div class="notice" style="color: #c1c1c5; font-size: 9px">]SOSfS^c PιQZgPVP V_ h[_μS fSι V_[
fYXιfo QSa<br />
<div class="notice" style="color: #c1c1c5; font-size: 9px">gιS [S UONQιμ_M_NbQPVP V_ AWMN μTQY
V_L fhμj_L Ithaca-1<br />$(if trial == 'yes')\ιS X_fιμb, <a style="color: #FF8080; font-size:
14px"href="$(link-login-only)?dst=$(link-orig-esc)&username=T-$(mac-esc)">]SVbQVP
PXc</a>.$(endif)</div><br />
<table width="240" height="160" style="border: 1px solid #cccccc; padding: 0px;"
cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="bottom" height="100" colspan="2">
<form name="login" action="$(link-login-only)" method="post"
$(if chap-id) onSubmit="return doLogin()" $(endif)>
<input type="hidden" name="dst" value="$(link-orig)" />
<input type="hidden" name="popup" value="true" />
<table width="100" style="background-color: #ffffff">
<tr><td align="right">login</td>
<td><input style="width: 80px"
name="username" type="text" value="$(username)"/></td>
</tr>
<tr><td align="right">password</td>
<td><input style="width: 80px"
name="password" type="password"/></td>
</tr>
<tr><td> </td>
<td><input type="submit"
value="OK" /></td>
</tr>
</table>
</form>
</td>
</tr>
<tr><td align="center"><a href="http://www.awmn" target="_blank" style="border:
none;"><img src="../img/awmn-logo1.png" alt="awmn" /></a></td></tr>
</table>
<!-- <br /><div style="color: #c1c1c1; font-size: 9px">_______________________________</div> -->
$(if error)<br /><div style="color: #FF8080; font-size: 9px">$(error)</div>$(endif)
</td>
</tr>
</table>
<script type="text/javascript">
<!--
document.login.username.focus();
//-->
</script>
</body>
</html>

Το αποτέλεσμα είναι το παρακάτω.

Εικόνα:H30.jpg

Ithaca #9486 (ntrits) 2008