Δημιουργία ενός Web Server με την χρήση του NodeJS

 

Για να αναπτύξω έναν απλό web server με την χρήση του NodeJS ακολουθώ τα επόμενα βήματα:

Βήμα 1

Κατεβάζω στον υπολογιστή μου την εφαρμογή NodeJS (https://nodejs.org) και προχωράω σε εγκατάσταση. Για να βεβαιωθώ οτι έχει γίνει σωστά η εκατάσταση ανοίγω την κονσόλα και πληκτρολογώ τις παρακάτω εντολές  

#node -v 

και

#npm -v. 

Οταν η κονσόλα μας επιστρέψει πίσω τις εκδόσεις των προγραμμάτων μετά την εκτέλεση της κάθε εντολής, δηλαδη v14.17.6 (Η τρέχουσα έκδοση της NodeJS) και 6.14.15 (Η τρέχουσα έκδοση του npm, όπου npm ειναι ο node package manager, ο διαχειριστής πακέτων του NodeJS) τότε έχουμε σωστά εγκαταστήσει τις 2 εφαρμογές στον υπολογιστή μας 

                  
Βήμα 2

Δημιουργώ ενα φάκελο (Ας υποθέσουμε τον φάκελο Simple-Server σε οποιαδήποτε τοποθεσία επιθυμώ και μέσα σε αυτόν δημιουργώ το υποθετικό αρχείο server.txt και το μετα-ονομαζω στο αρχείο server.js 

Βήμα 3

Μέσα απο τον νεο φάκελο που δημιουργήσαμε και ο οποίος περιέχει το αρχείο server.js ανοιγω ξανα το τερματικό μου και πληκτρολογώ την εντολή

 

#npm init 

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

1.Όνομα πρότζεκτ:(Προκαθορισμένο)

2.Έκδοση:(Προκαθορισμένο)

3.Περιγραφή:"Αυτός είναι ένας πολύ απλός web server"

4.Κύριο αρχείο πρότζεκτ:(Προκαθορισμένο)

5.Εντολή test:(Skip)

6.Αποθετήριο Git:Εάν υπάρχει βαζουμε το link του Repo

7.Λέξεις κλειδιά:Προσθέτουμε λέξεις-κλειδιά

8.Εκδότης:Babis

9.Άδεια:GPL

 

επιβεβαιώνουμε τα στοιχεία με την εντολή yes

Σημείωση

Ένα αρχείο package.json:

    1. παραθέτει τα πακέτα από τα οποία εξαρτάται το προτζεκτ μας
    2. καθορίζει εκδόσεις ενός πακέτου που το προτζεκτ μας μπορεί να χρησιμοποιήσει χρησιμοποιώντας κανόνες σημασιολογικής έκδοσης
    3. καθιστά την κατασκευή μας αναπαραγώγιμη και επομένως ευκολότερη για κοινή χρήση με άλλους προγραμματιστές

 

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

ΒΗΜΑ 4 

Ανοίγουμε τον Visual Code Editor η τον editor που εσεις προτιμάτε και κάνουμε κλίκ στο αρχείο server.js το οποίο δεν έχει καμμία γραμμή κώδικα προς το παρόν.

Στην συνέχεια αντιγράφουμε και κάνουμε επικόλληση στο αρχείο μας server.js τον παρακάτω κώδικα:

 

var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/html'});
res.end('Hello World!');
}).listen(8080);

 

 ΕΠΕΞΗΓΗΣΗ ΚΩΔΙΚΑ

-Η βασική λειτουργικότητα της συνάρτησης "require" είναι ότι διαβάζει ένα αρχείο JavaScript, εκτελεί το αρχείο, και στη συνέχεια προχωρά στην επιστροφή ενός αντικειμένου. Χρησιμοποιώντας αυτό το αντικείμενο, μπορεί κανείς να χρησιμοποιήσει τις διάφορες λειτουργίες που διατίθενται στη μονάδα που καλείται από τη συνάρτηση "require". Στην περίπτωσή μας λοιπόν, αφού εμείς θέλουμε να χρησιμοποιήσουμε τη λειτουργικότητα του http και χρησιμοποιούμε την εντολή require (http).  

-Στη 2η γραμμή του κώδικα μας, δημιουργούμε μια εφαρμογή διακομιστή(server) η οποία βασίζεται σε μια απλή συνάρτηση. Αυτή η συνάρτηση καλείται, όποτε υποβάλλεται αίτημα στην εφαρμογή του διακομιστή μας.

-Όταν λαμβάνεται ένα αίτημα, ζητάμε από τη εφαρμογή μας να επιστρέψει πίσω μια απάντηση-μύνημα "Hello World" προς τον πελάτη (client side). Η λειτουργία writeHead χρησιμοποιείται για την αποστολή δεδομένων κεφαλίδας στον πελάτη και ενώ το τέλος η συνάρτηση end θα κλείσει τη σύνδεση με τον πελάτη.

Τέλος, χρησιμοποιούμε τη συνάρτηση .listen για να κάνουμε την εφαρμογή διακομιστή μας να "ακούει" αιτήματα των πελατών στη θύρα 8080.

Έτσι λοιπον στην κονσόλα πληκτρολογούμε την εντολή:

   #node server.js




και παρατηρούμε οτι το πρόγραμμα κάπου έχει "κολλήσει" στην ουσία όμως ξεκινάει η χρήση του σαν Web Server!

Έτσι λοιπόν εάν ανοίξουμε ενα φύλλο του browser και πληκτρολογήσουμε στην γραμμή διεύθυνσης  το  localhost:8080 τότε θα δείτε τον Web Server που δημιουργήσαμε παραπάνω να μας λέει 

 

                           "Hello World"!

 


 ΣΥΓΧΑΡΗΤΗΡΙΑ!! 

 

ΜΟΛΙΣ ΔΗΜΙΟΥΡΓΗΣΑΤΕ ΤΗΝ ΠΡωΤΗ ΣΑΣ WEB ΕΦΑΡΜΟΓΗ,ΕΝΑΝ ΠΟΛΥ ΑΠΛΟ WEB SERVER ΜΕ ΤΗΝ ΧΡΗΣΗ ΤΟΥ NODE JS!