Προετοιμάστε το Ubuntu (ή άλλη διανομή) για ανάπτυξη ιστού

Πέρα από τους μύθους, τις πεποιθήσεις ή την άποψη ότι το GNU / Linux είναι πολύπλοκο στη χρήση, θεωρώ ότι είναι ένα εξαιρετικό λειτουργικό σύστημα για όσους είναι προγραμματιστές, ειδικά προγραμματιστές ιστού.

Είχα την ευκαιρία να συνομιλήσω με πολλούς ανθρώπους που προτιμούν OS X και ακόμη Windows να αναπτυχθούν, όπως λένε, λόγω της ευκολίας και των εργαλείων του, και παρόλο που είναι μια πολύ ατομική γνώμη κάθε ατόμου, πιστεύω ότι οποιαδήποτε διανομή GNU / Linux ή τουλάχιστον τα πιο δημοφιλή, προσφέρει όλα όσα χρειάζεστε για να εγκαταστήσετε και να εργαστείτε.

[quote] Οι πιο δημοφιλείς διανομές προσφέρουν όλα τα απαραίτητα πακέτα στα αποθετήρια τους για έναν προγραμματιστή ιστού. [/ quote]

Τώρα, στο αναπτυξιακό ζήτημα υπάρχει ένα δίλημμα, είναι μια πολύ ενημερωμένη διανομή σαν Αντεργκός ή ένα που διατηρεί την ισορροπία μεταξύ σταθερού και ενημερωμένου ως Ubuntu?

Έβαλα ένα πολύ απλό παράδειγμα, ενώ το Ubuntu Trusted η τελευταία έκδοση του Netbeans είναι 7.0.1, σε ArchLinux η έκδοση 8.0.2 είναι διαθέσιμη. Το ίδιο συμβαίνει με NodeJS και άλλα πακέτα που θα δούμε παρακάτω που χρησιμοποιούνται ευρέως από μπροστινό μέρος.

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

Εγκαταστήστε το Ubuntu 14.04

Το πρώτο πράγμα που θα κάνουμε είναι να κατεβάσετε την εικόνα εγκατάστασης του Ubuntu από την επίσημη ιστοσελίδα της. Ο παρακάτω σύνδεσμος θα σας επιτρέψει να επιλέξετε αν θα κατεβάσετε ένα 32-bit ή 64-bit iso.

Μόλις το κατεβάσουμε, πρέπει να "κάψουμε" ένα DVD με το iso που κατεβάσαμε ή να προετοιμάσουμε μια μνήμη Flash για εκκίνηση και εγκατάσταση από αυτό. Στα Windows μπορούμε να το κάνουμε ακολουθώντας αυτός ο οδηγός και σε Mac Αυτό άλλο. Μόλις γίνει αυτό, κάνουμε επανεκκίνηση του υπολογιστή και ξεκινάμε με τη μνήμη ή το DVD.

Βήματα εγκατάστασης του Ubuntu 14.04

Το πρώτο πράγμα είναι να επιλέξετε τη γλώσσα με την οποία θέλουμε να εγκαταστήσουμε το Ubuntu:

Αργότερα θα δούμε αν έχουμε όλες τις απαραίτητες απαιτήσεις για την εγκατάσταση:

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

Επιλέγουμε τη ζώνη ώρας:

Επιλέγουμε τη γλώσσα του πληκτρολογίου μας:

Ορίζουμε το όνομα χρήστη μας, το όνομα του υπολογιστή μας, τον κωδικό πρόσβασης:

Και περιμένουμε να τελειώσει:

Μόλις ολοκληρωθεί το πρόγραμμα εγκατάστασης, κάνουμε επανεκκίνηση του υπολογιστή και εισέλθουμε στη συνεδρία μας. Μπορούμε να τρέξουμε το Update Manager ή να ανοίξουμε ένα τερματικό και να βάλουμε:

$ sudo apt update && sudo apt upgrade

Και αν δεν υπάρχει τίποτα για ενημέρωση, μπορούμε να ξεκινήσουμε.

Προετοιμασία του χώρου εργασίας μας για δοκιμή

Έτσι, καθώς είμαστε προγραμματιστές, θέλουμε να επικεντρωθούμε μόνο σε ό, τι ξέρουμε να κάνουμε: αναπτύσσονται. Δεν μας ενδιαφέρει να μάθουμε πώς να διαμορφώσουμε έναν διακομιστή ιστού ή πώς λειτουργεί μια βάση δεδομένων, θέλουμε απλώς κάτι που λειτουργεί και είναι εύκολο να εφαρμοστεί για να ξεκινήσει η σύνταξη κώδικα.

Αν έπρεπε να γράψουμε μόνο σε HTML, CSS, JS όλα θα ήταν απλούστερα, αλλά μερικές φορές πρέπει να έχουμε έναν δοκιμαστικό διακομιστή για κώδικα σε PHP, Ruby, DJango κ.λπ. Επομένως, συνιστάται δημιουργήσουμε τον δικό μας διακομιστή ιστού. Ευτυχώς για εμάς έχουμε αυτήν την εγκατάσταση με δύο διαφορετικούς τρόπους:

1. Χρήση του προγράμματος εγκατάστασης XAMPP τι μας παρέχει Apache.
2. Με τη χρήση ΛΑΜΠΑ Bitnami.

Εγκατάσταση του Bitnami

Η εγκατάσταση LAMP μέσω του Bitnami το είδαμε ήδη σε ένα προηγούμενο άρθρο, επομένως δεν θα είναι απαραίτητο να το αντιμετωπίσετε σε αυτό το άρθρο. Μόλις εγκατασταθεί το Bitnami, μπορούμε να διαχειριστούμε τον δοκιμαστικό διακομιστή μας μέσω του προγράμματος περιήγησης ιστού.

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

Εγκατάσταση XAMPP

Το πρόγραμμα εγκατάστασης XAMPP προέρχεται επίσης από το Bitnami, αλλά η διαδικασία εγκατάστασης είναι λίγο διαφορετική, οπότε θα το περάσουμε βήμα προς βήμα. Το πρώτο πράγμα φυσικά είναι να κατεβάσετε το αρχείο που μας ενδιαφέρει σύμφωνα με την αρχιτεκτονική του επεξεργαστή μας:

Μετά τη λήψη, ανοίγουμε ένα τερματικό και έχουμε πρόσβαση στο φάκελο στον οποίο βρίσκεται το αρχείο, στον οποίο θα δώσουμε δικαιώματα εκτέλεσης. Στην περίπτωση του αρχείου 64 Bit θα ήταν:

$ sudo chmod a+x xampp-linux-x64-5.5.19-0-installer.run

Τώρα στο ίδιο τερματικό το εκτελούμε:

$ sudo ./xampp-linux-x64-5.5.19-0-installer.run

Και ακολουθούμε τα παρακάτω βήματα.

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

Τώρα μας ρωτάει τη διαδρομή όπου θέλουμε να εγκαταστήσουμε (από προεπιλογή είναι στο / opt / lampp) και παρόλο που μπορούμε να το αλλάξουμε, προτείνω να το αφήσουμε ως έχει.

Ένα ακόμη βήμα ελέγχου πριν ξεκινήσετε την εγκατάσταση

Εγκατάσταση XAMPP

Η εγκατάσταση ολοκληρώθηκε.

Τώρα, για να ξεκινήσουμε το XAMPP πρέπει απλώς να εκτελέσουμε:

$ sudo / opt / lampp / lampp start Ξεκινώντας το XAMPP για Linux 5.5.19-0 ... XAMPP: Έναρξη Apache ... εντάξει. XAMPP: Εκκίνηση MySQL ... εντάξει. XAMPP: Έναρξη ProFTPD ... εντάξει.

Και ήδη έχουμε τον διακομιστή Apache + MySQL + PHP + Perl. Εάν έχετε κάποιο πρόβλημα, σας προτείνω να επισκεφθείτε τις συχνές ερωτήσεις.

Προσαρμοσμένο DNS και εικονικός κεντρικός υπολογιστής με XAMPP

Υποθέτοντας ότι έχουμε αρκετούς ιστότοπους που φιλοξενούνται στον δοκιμαστικό διακομιστή μας, μπορούμε να ορίσουμε καθεμία από αυτές να προβάλλεται τοπικά στο αρχείο / Etc / hosts. Ας πάρουμε ένα παράδειγμα, ας πούμε ότι έχουμε τον ιστότοπο dev.tests.com, αυτό που κάνουμε είναι να ανοίξουμε το αρχείο / Etc / hosts με τον αγαπημένο μας επεξεργαστή κειμένου (και ως root) και προσθέστε τον με τον ακόλουθο τρόπο:

$ sudo vim /etc/hosts

και προσθέτουμε τη γραμμή:

127.0.0.1   dev.prueba.com

Φυσικά, αυτό δεν είναι αρκετό, γιατί πρέπει να πούμε στον Apache ότι όταν κάποιος υποβάλλει αίτηση dev.test.com Για το 127.0.0.1, πρέπει να επιστρέψετε τον ιστότοπο δοκιμών μας.

Επεξεργαζόμαστε το αρχείο /opt/lampp/etc/httpd.conf

$ sudo vim /opt/lampp/etc/httpd.conf

και αστάθεια (αφαίρεση της πινακίδας) η γραμμή που λέει:

# Include etc/extra/httpd-vhosts.conf

και το αφήνουμε έτσι:

Include etc/extra/httpd-vhosts.conf

Τώρα πηγαίνουμε στο αρχείο /opt/lampp/etc/extra/httpd-vhosts.conf που θα πρέπει να έχει κάτι τέτοιο:

# χρησιμοποιήστε μόνο εικονικούς κεντρικούς υπολογιστές βάσει ονόματος, οπότε ο διακομιστής δεν χρειάζεται να ανησυχεί για # διευθύνσεις IP. Αυτό υποδεικνύεται από τους αστερίσκους στις παρακάτω οδηγίες. # # Δείτε την τεκμηρίωση στο # # για περισσότερες λεπτομέρειες πριν προσπαθήσετε να ρυθμίσετε εικονικούς κεντρικούς υπολογιστές. # # Μπορείτε να χρησιμοποιήσετε την επιλογή γραμμής εντολών '-S' για να επαληθεύσετε τη διαμόρφωση του εικονικού κεντρικού υπολογιστή σας. # # VirtualHost παράδειγμα: # Σχεδόν οποιαδήποτε οδηγία Apache μπορεί να μεταβεί σε ένα κοντέινερ VirtualHost. # Η πρώτη ενότητα VirtualHost χρησιμοποιείται για όλες τις αιτήσεις που δεν ταιριάζουν με ένα όνομα διακομιστή ή διακομιστή διακομιστή σε κανένα μπλοκ. # ServerAdmin webmaster@dummy-host.example.com DocumentRoot "/opt/lampp/docs/dummy-host.example.com" ServerName dummy-host.example.com ServerAlias ​​www.dummy-host.example.com ErrorLog "logs / dummy -host.example.com-error_log "CustomLog" logs / dummy-host.example.com-access_log "κοινά ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dummy-host80.example.com ErrorLog "logs / dummy-host2.example.com-error_log" CustomLog κοινόχρηστο "logs / dummy-host2.example.com-access_log"

Το τροποποιούμε και το αφήνουμε με αυτόν τον τρόπο:

# χρησιμοποιήστε μόνο εικονικούς κεντρικούς υπολογιστές βάσει ονόματος, οπότε ο διακομιστής δεν χρειάζεται να ανησυχεί για # διευθύνσεις IP. Αυτό υποδεικνύεται από τους αστερίσκους στις παρακάτω οδηγίες. # # Δείτε την τεκμηρίωση στο # # για περισσότερες λεπτομέρειες προτού προσπαθήσετε να ρυθμίσετε εικονικούς κεντρικούς υπολογιστές. # # Μπορείτε να χρησιμοποιήσετε την επιλογή γραμμής εντολών '-S' για να επαληθεύσετε τη διαμόρφωση του εικονικού κεντρικού υπολογιστή σας. # # Παράδειγμα VirtualHost: # Σχεδόν οποιαδήποτε οδηγία Apache μπορεί να μεταβεί σε ένα κοντέινερ VirtualHost. # Η πρώτη ενότητα VirtualHost χρησιμοποιείται για όλες τις αιτήσεις που δεν ταιριάζουν με ένα όνομα διακομιστή ή διακομιστή διακομιστή σε κανένα μπλοκ. # DocumentRoot "/ home / path / folder / project /" Όνομα διακομιστή my_blog.dev Απαίτηση όλων των χορηγηθέντων

Όπως είναι λογικό, η διαδρομή προς το φάκελο του έργου μας πρέπει να καθοριστεί κατά την αντικατάσταση "/ Αρχική / διαδρομή / φάκελος / έργο /".

Μη αυτόματη εγκατάσταση LAMP

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

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Μόνο με αυτά τα 3 πακέτα, θα εγκατασταθούν οι απαραίτητες εξαρτήσεις για να αρχίσει να λειτουργεί με το ελάχιστο απαιτούμενο κατά την ανάπτυξη.

Προσαρμοσμένο DNS και εικονικός κεντρικός υπολογιστής με LAMP

Από την πλευρά του DNS (Domain Name Server) διατηρούμε τα πάντα ίδια, δηλαδή προσθέτουμε τα ονόματα των δοκιμαστικών ιστότοπων στο αρχείο / Etc / hosts. Τώρα, στην περίπτωση του Apache, η διαδρομή του VHost (Virtual Hosts) είναι διαφορετική.

Κανονικά αυτό που γίνεται είναι να τοποθετήσετε αυτό που βάζουμε στο αρχείο /opt/lampp/etc/extra/httpd-vhosts.conf στη διαδρομή /etc/apache2/sites-available/vhostname.confκαι, στη συνέχεια, δημιουργείται ένας συμβολικός σύνδεσμος σε αυτό το αρχείο στο φάκελο / etc / apache2 / sites-enabled / αλλά δεν πρόκειται να περιπλέξουμε. Θα βάλουμε απευθείας το αρχείο / etc / apache2 / sites-enabled / με την ακόλουθη διαμόρφωση:

$ sudo vim /etc/apache2/sites-enabled/dev.prnza.com.conf DocumentRoot "/ home / path / folder / project /" Όνομα διακομιστή my_blog.dev Απαίτηση όλων των χορηγηθέντων

Πιστεύω ότι είναι σωστό να διευκρινιστεί ότι όταν εγκαθιστούμε μη αυτόματα, η προεπιλεγμένη διαδρομή των φακέλων του ιστότοπου είναι / var / www / http /.

Εγκατάσταση NodeJS και Ruby

Αν χρησιμοποιούμε NodeJS o Ruby (αντί για PHP και Perl) μπορούμε να εγκαταστήσουμε χειροκίνητα τα πακέτα εκτελώντας στην κονσόλα:

$ sudo apt install nodejs ruby

Και αν χρειάζονται περισσότερα πακέτα, απλά πρέπει να το βρουν εκτελώντας τον διαχειριστή πακέτων ή στην κονσόλα:

$ sudo apt search paquete a buscar

Μέχρι αυτό το τμήμα έχουμε ήδη το τμήμα διακομιστή έτοιμο για το sandbox μας, τώρα ας δούμε μερικές από τις εφαρμογές που μπορούμε να χρησιμοποιήσουμε.

Εργαλεία ανάπτυξης Ιστού

Στα αποθετήρια έχουμε μερικές εφαρμογές που θα μας επιτρέψουν να εργαστούμε άνετα όταν πρόκειται για HTML, CSS, JS και άλλες. Μεταξύ αυτών έχουμε:

• Bluefish
• Geany
• Gedit
• Καίτη

Όντας γαλαζόψαρο (κατά τη γνώμη μου) το πιο ολοκληρωμένο όταν πρόκειται για δουλειά μπροστινό μέρος, αλλά προτείνω να εγκαταστήσετε εφαρμογές τρίτων που μας προσφέρουν πολύ περισσότερη λειτουργικότητα. Έχουμε για παράδειγμα Βάσεις, SublimeText o Komodo-Επεξεργασία. Όλες αυτές οι εφαρμογές έχουν το δικό τους πακέτο εγκατάστασης για το Ubuntu, εκτός από το Komodo-Edit, το οποίο πρέπει να αποσυνδεθεί μόνο και να εκτελεστεί ένα αρχείο .sh.

(… σε εξέλιξη …)