Manual HotSpot Setup

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

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

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

Πατάμε 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.

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

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

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

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

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

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

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

Πατάμε ΟΚ.

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

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

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

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

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

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

Πατάμε ΟΚ.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Pool, DHCP, Hotspot

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

Όταν ένας νέος χρήστης συνδεθεί στο 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)

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

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

Copy to Access List

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

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

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

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

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

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

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

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

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

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

Στην συνέχεια τραβάμε με το ποντίκι το αρχείο 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>

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

Ithaca #9486 (ntrits) 2008