Ρύθμιση ενός διακομιστή Web Express.js στο Ubuntu 16.04 LTS

Σε αυτό το σεμινάριο, θα εγκαταστήσουμε έναν βασικό διακομιστή ιστού Express.js, χρησιμοποιώντας το Node.js, έναν χρόνο εκτέλεσης Javascript που βασίζεται στη μηχανή V8 του Chrome, στο Vultr VPS που εκτελεί το Ubuntu 16.04. Εάν δεν γνωρίζετε, το Express.js είναι ένα ελάχιστο και ευέλικτο πλαίσιο Node.js που σας δίνει τη δύναμη να γράφετε εφαρμογές Ιστού. Δείχνει πραγματικά τι μπορεί να κάνει το Node.js, όσον αφορά την ανάπτυξη ιστού. Λοιπόν, χωρίς άλλη καθυστέρηση, ας ξεκινήσουμε!

Εγκατάσταση του Node.js

Για να ξεκινήσετε, θα πρέπει πρώτα να εγκαταστήσετε το Node.js, το οποίο θα είναι το backend για τον ιστότοπό μας Express. Για να το εγκαταστήσουμε στο Ubuntu 16.04, θα χρειαστεί πρώτα να προσθέσουμε το αποθετήριο για την πιο πρόσφατη έκδοση. Για να το κάνετε αυτό, πληκτρολογήστε τα εξής:

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -

Αυτό που κάνει είναι ότι αρπάζει τα πιο πρόσφατα πακέτα 8.x από το nodesource.com και τα εγκαθιστά ως αποθετήριο APT. Όταν τελειώσει, εκτελέστε τα εξής για να εγκαταστήσετε το Node:

sudo apt-get install -y nodejs build-essential

Αυτό που κάνει αυτό είναι να εγκαταστήσει το ίδιο το Node.js και να αρπάξει το build-essential, τα οποία είναι μερικά εργαλεία που μπορεί να χρειαστείτε κατά τη μεταγλώττιση λειτουργικών μονάδων. Όταν γίνει αυτό, θα δημιουργήσουμε ένα νέο έργο Node. Πρώτα, βεβαιωθείτε ότι βρίσκεστε στον /homeκατάλογό σας .

/home/yourname

Για να ελέγξετε, απλώς πληκτρολογήστε pwdτο τερματικό σας και αν δείτε /home/yourname, τότε είστε έτοιμοι! Στη συνέχεια, θα χρησιμοποιήσουμε τη δυνατότητα init του npm για να δημιουργήσουμε ένα package.jsonσημείο όπου θα παρακολουθούνται όλες οι μονάδες μας. Για να το κάνετε αυτό, πληκτρολογήστε npm initτο τερματικό σας. Ακολουθήστε όλες τις προτροπές και θα το δείτε όταν τελειώσετε:

{
  "name": "example",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "rich",
  "license": "MIT"
}

Στη συνέχεια, κάντε κλικ στο enter για επιβεβαίωση.

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

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

npm install express

Περιμένετε μέχρι να ολοκληρωθεί η εγκατάσταση.

Για να κάνουμε τη ζωή πιο εύκολη, θα χρησιμοποιήσουμε μια τακτοποιημένη μικρή ενότητα που ονομάζεται express-generator. Αυτό που θα κάνει είναι ότι θα δημιουργήσει έναν σκελετό ιστότοπο για εμάς, κάνοντας τη ζωή πολύ πιο εύκολη. Φροντίζει τα βασικά πράγματα, όπως διαδρομές και άλλα. Για να εγκαταστήσετε το Express Generator, απλώς πληκτρολογήστε:

npm install express-generator -g

Καθορίζουμε τη -gσημαία, που σημαίνει ότι θα είναι παγκόσμια και μπορούμε να τη χρησιμοποιήσουμε σε όλο το σύστημά μας. Μόλις ολοκληρώσουμε την εγκατάστασή του, πρέπει να πάρουμε μια απόφαση. Πρέπει να επιλέξουμε τι μηχανή απόδοσης θέλουμε να χρησιμοποιήσουμε για το έργο μας. Για συντομία, θα χρησιμοποιήσουμε ejsσε αυτό το σεμινάριο, το οποίο είναι μια καταπληκτική μηχανή απόδοσης που σας συνιστώ ανεπιφύλακτα να εξετάσετε περισσότερο. Για να ρυθμίσετε το γυμνό έργο μας, απλώς πληκτρολογήστε:

express -v ejs mysite

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

npm install

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

DEBUG=mysite:* npm start

Ο ιστότοπος θα ξεκινήσει τώρα. Το μόνο πρόβλημα είναι ότι δεν θα μπορείτε να δείτε τον ιστότοπο, καθώς χρησιμοποιείτε τερματικό. Για να προβάλουμε τη σελίδα του παραδείγματος, θα πρέπει να καθορίσουμε μια διεύθυνση IP στον διακομιστή HTTP, η οποία θα είναι η διεύθυνση IP του VPS μας. Για να αποκτήσετε τη διεύθυνση IP σας, απλώς μεταβείτε στον πίνακα Vultr VPS και κάντε κλικ στην καρτέλα διακομιστές. Θα πρέπει να βρίσκεται ακριβώς κάτω από το όνομα του διακομιστή σας, στο κάτω μέρος. Για παράδειγμα: "1024 MB Server - your IP". Αντιγράψτε αυτήν τη διεύθυνση IP και κρατήστε την κοντά, γιατί θα τη χρειαστούμε. Στη συνέχεια, επιστρέψτε στον διακομιστή σας και αλλάξτε τον κατάλογό σας στον φάκελο bin.

cd mysite/bin

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

nano www

Μόλις μπείτε, μεταβείτε σε αυτήν τη γραμμή:

server.listen(port);

Προσθέστε τη διεύθυνση IP σας σε αυτήν τη γραμμή. Επεξεργαστείτε το ώστε να μοιάζει με αυτό:

server.listen(port, 'your ip here');

Στη συνέχεια, πατήστε "control-o" στο πληκτρολόγιό σας και "enter" για αποθήκευση. Πατήστε "control-x" για έξοδο. Τώρα, είμαστε έτοιμοι να ξεκινήσουμε τον διακομιστή μας. Απλώς πληκτρολογήστε την ίδια εντολή που πληκτρολογήσαμε νωρίτερα για να τη δοκιμάσετε:

DEBUG=mysite:* npm start

Η κονσόλα θα εξάγει τώρα τη θύρα που ακούει. Παρακολουθήστε αυτό το λιμάνι, καθώς θα το χρειαστείτε. Για να δείτε τον ιστότοπό σας, ανοίξτε το πρόγραμμα περιήγησής σας και μεταβείτε στην παρακάτω διεύθυνση URL.

http://yourIP:port

Για παράδειγμα, μπορεί να μοιάζει με αυτό:

http://192.0.2.0:3000

Αν όλα πήγαν καλά, θα δείτε το "Welcome to Express" στην οθόνη σας!

Και τελείωσες! Έχετε δημιουργήσει τον πρώτο σας ιστότοπο Express με το Node.js, που λειτουργεί με Vultr VPS. Για να μάθετε περισσότερα σχετικά με το Express και τι μπορείτε να κάνετε με αυτό, σας προτείνω να μεταβείτε στον ιστότοπό τους στη διεύθυνση http://expressjs.org και στον ιστότοπο της EJS στη διεύθυνση http://ejs.co , όπου μπορείτε να διαβάσετε τεκμηρίωση και δημιουργήστε τον δικό σας ιστότοπο δολοφόνων!