Κατά την ανάπτυξη μιας ιστοσελίδας, ένας σχεδιαστής ιστοσελίδων πρέπει να είναι σε θέση να δει τις ιστοσελίδες του με τον ίδιο τρόπο που ο τελικός χρήστης θα. Μερικές φορές αρκεί απλά να κάνετε κλικ και να προβάλετε τα αρχεία HTML στο πρόγραμμα περιήγησης ιστού, αλλά αν θέλετε να δοκιμάσετε δυναμικό περιεχόμενο, θα χρειαστεί να δημιουργήσετε έναν τοπικό διακομιστή ιστού. Κάνοντας αυτό είναι πολύ απλό και μπορεί εύκολα να πραγματοποιηθεί σε Windows, Mac και Linux. Υπάρχουν πολλοί τύποι διακομιστών ιστού που είναι διαθέσιμοι, αλλά θα χρησιμοποιούμε το Apache, καθώς είναι ο πιο συνηθισμένος διακομιστής γύρω, είναι πολύ εύκολο να το εγκαταστήσετε και είναι συμβατός με όλα τα μεγάλα λειτουργικά συστήματα.

Δημιουργία τοπικού διακομιστή ιστού στο Linux

Το Apache σχεδιάστηκε για λειτουργικά συστήματα που μοιάζουν με Unix. Το Linux υπάγεται σε αυτήν την κατηγορία και η εγκατάσταση και η διαμόρφωση του διακομιστή Apache μπορεί να γίνει σε ένα βήμα.

Για γραφικές οδηγίες, μπορείτε να ακολουθήσετε αυτό το σεμινάριο. Εδώ θα έχουμε να κάνουμε με γραμμές εντολών.

Οι πιο δημοφιλείς διανομές σάς επιτρέπουν να εγκαταστήσετε το Apache χωρίς να το καταρτίζετε από την πηγή χρησιμοποιώντας μια απλή εντολή.

Για διανομές Debian, Ubuntu και Ubuntu:

 sudo apt-get εγκαταστήσετε το apache2 

Για το Red Hat και το CentOS

 sudo yum εγκαταστήσετε httpd 

Μόλις εγκατασταθεί, στο πρόγραμμα περιήγησης ιστού σας, μεταβείτε είτε στο "127.0.0.1" είτε στο "localhost". Αν εμφανιστεί η ένδειξη "It Works!" Σημαίνει ότι η εγκατάσταση του Apache είναι επιτυχής.

Για να κατανοήσουμε καλύτερα τον τρόπο με τον οποίο η Apache εξυπηρετεί αυτή τη συγκεκριμένη ιστοσελίδα, ας την επεξεργαστούμε. Για να το κάνετε αυτό, μεταβείτε στον κατάλογο root της τοπικής μηχανής του Linux.

 cd / var / www 

Ανοίξτε το "index.html" ως root με τον αγαπημένο σας επεξεργαστή κειμένου.

Αλλάξτε "Λειτουργεί!" Στο "Hello World!" Και πατήστε "Ctrl + O" και στη συνέχεια Enter για αποθήκευση.

Τώρα ανανεώστε την ιστοσελίδα στο 127.0.0.1. Θα πρέπει να αλλάξει σε "Hello World!"

Τώρα που έχετε εγκαταστήσει έναν απλό διακομιστή ιστού, μπορείτε να παίξετε με τις ρυθμίσεις διαμόρφωσης στο "apache2.conf".

 sudo nano /etc/apache2/apache2.conf 

Σημείωση : Να γνωρίζετε ότι κάθε φορά που κάνετε μια αλλαγή διαμόρφωσης, θα χρειαστεί να κάνετε επανεκκίνηση του Apache για να εφαρμοστεί.

 sudo υπηρεσία apache2 επανεκκίνηση 

Εάν αυτό δεν λειτουργεί, μπορείτε να το ξεκινήσετε εκτελώντας απευθείας το αρχείο εκκίνησης.

 sudo /etc/init.d/apache2 επανεκκίνηση 

Ρύθμιση τοπικού διακομιστή ιστού στο Mac OS X

Το καλό για το Mac OS X είναι ότι το Apache είναι εγκατεστημένο από προεπιλογή. Το μόνο που χρειάζεται να κάνετε είναι να το ενεργοποιήσετε.

Στο Finder, μεταβείτε στο "Applications -> Utilities".

Στη συνέχεια, κάντε διπλό κλικ στο Terminal για να το ανοίξετε.

Για να ενεργοποιήσετε τον ήδη προεγκατεστημένο διακομιστή ιστού Apache, εκτελέστε την ακόλουθη εντολή:

 sudo apachectl ξεκινήσει 

Για να ελέγξετε ότι ο διακομιστής ιστού λειτουργεί, πλοηγηθείτε στο "127.0.0.1" ή "localhost" στο πρόγραμμα περιήγησης ιστού.

Μπορούμε να αλλάξουμε το περιεχόμενο της ιστοσελίδας απλά πλοηγώντας στη ρίζα του εγγράφου με τον ίδιο τρόπο που κάναμε και στο Linux. Το μόνο που είναι διαφορετικό είναι η θέση της διαδρομής.

 cd / Βιβλιοθήκη / WebServer / Έγγραφα / 

Τώρα επεξεργαστείτε το αρχείο "index.html.en" χρησιμοποιώντας τον αγαπημένο σας επεξεργαστή κειμένου. Αλλάξτε "Λειτουργεί!" Στο "Hello World!"

 sudo nano index.html.en 

Εάν ανανεώσουμε την ιστοσελίδα μας που φιλοξενείται στο 127.0.0.1, θα δούμε τώρα τις αλλαγές που αντικατοπτρίζονται.

Για να διαμορφώσετε περαιτέρω το διακομιστή ιστού Apache στο MacOS, μεταβείτε στο αρχείο "httpd.conf".

 sudo nano /etc/apache2/httpd.conf 

Όπως το Linux, μπορείτε να επανεκκινήσετε εύκολα την υπηρεσία Apache χρησιμοποιώντας την εντολή apachectl με δικαιώματα root.

 sudo apachectl επανεκκίνηση 

Σημείωση : Μπορείτε να δείτε αυτό το σεμινάριο για να εγκαταστήσετε το πλήρες πακέτο MAMP.

Ρύθμιση τοπικού διακομιστή ιστού στα Windows

Σε αντίθεση με το Linux και το Mac OS X, τα Windows δεν βασίζονται σε Unix, οπότε δεν υπάρχει ένα single-liner για να το εγκαταστήσετε. Ευτυχώς υπάρχουν αρκετοί οδηγοί εγκατάστασης που συνδυάζουν πράγματα όπως Apache, MySQL και PHP για να διευκολύνουν τη ζωή μας. Ένας από αυτούς είναι το XAMPP.

Σημείωση : Το XAMPP είναι διαθέσιμο και για Linux και Mac OS X.

Κάντε λήψη της έκδοσης των Windows XAMPP και ξεκινήστε την εγκατάσταση. Εκτελέστε το πρόγραμμα εγκατάστασης όταν σας ζητηθεί. Μπορείτε να επιλέξετε μόνο Apache εάν το μόνο που χρειάζεστε είναι ένας διακομιστής ιστού. Ωστόσο, εάν σκοπεύετε να χρησιμοποιήσετε μια βάση δεδομένων, ίσως θελήσετε να επιλέξετε MySQL επίσης.

Συνεχίστε με την εγκατάσταση και κάντε κλικ στο "Τέλος" όταν ολοκληρωθεί. Από προεπιλογή, θα ξεκινήσει ο πίνακας ελέγχου XAMPP.

Κάντε κλικ στο κουμπί "Έναρξη" για Apache και MySQL αν χρειαστεί.

Αν πλοηγηθείτε στο "127.0.0.1" ή "localhost" στο πρόγραμμα περιήγησης ιστού σας, θα πρέπει να δείτε τη σελίδα διαμόρφωσης XAMPP.

Για να δημιουργήσετε μια νέα ιστοσελίδα, η διαδικασία είναι η ίδια. Ανοίξτε το σημειωματάριο και δημιουργήστε ένα δείγμα αρχείου HTML. Ονομάστε το "hello.html".

Αποθηκεύστε το στη ρίζα εγγράφου που βρίσκεται στο c:\xampp\htdocs\.

Τώρα πλοηγηθείτε σε αυτό χρησιμοποιώντας το πρόγραμμα περιήγησης ιστού σας πηγαίνοντας στο "127.0.0.1/hello.html".

συμπέρασμα

Το Apache είναι μια εξαιρετική λύση για την κατασκευή τόσο απλών όσο και σύνθετων ιστότοπων, αλλά δεν είναι η μόνη επιλογή. Παρόλο που το Apache ενσωματώνεται καλά και στις τρεις πλατφόρμες, ίσως θελήσετε να δείτε την υπηρεσία IIS ως επιλογή για τα Windows, καθώς υποστηρίζει πολλές λειτουργίες ελέγχου ταυτότητας των Windows που δεν διαθέτει το Apache. Ωστόσο, για τον απλό έλεγχο της βασικής λειτουργικότητας μιας ιστοσελίδας, το Apache είναι τέλειο.