Εγκατάσταση Express .js και δημιουργία της πρώτης εφαρμογής

Ως μοντέλο γλώσσας AI, μπορώ σίγουρα να παράσχω έναν λεπτομερή οδηγό για την εγκατάσταση Express.js και τη δημιουργία της πρώτης σας διαδικτυακής εφαρμογής. Ας βουτήξουμε στη διαδικασία βήμα προς βήμα:

Βήμα 1: Προαπαιτούμενα

Πριν ξεκινήσετε, βεβαιωθείτε ότι έχετε Node.js εγκαταστήσει στο σύστημά σας. Μπορείτε να κάνετε λήψη Node.js από τον επίσημο ιστότοπο( https://nodejs.org ) και να ακολουθήσετε τις οδηγίες εγκατάστασης για το λειτουργικό σας σύστημα.

Βήμα 2: Ρύθμιση νέου έργου

Ανοίξτε το terminal(ή command prompt) σας και δημιουργήστε έναν νέο κατάλογο για το έργο σας. Πλοηγηθείτε στον κατάλογο χρησιμοποιώντας την cd εντολή:

mkdir my-express-app  
cd my-express-app  

Βήμα 3: Εκκίνηση του Έργου

Τώρα, αρχικοποιήστε ένα νέο Node.js έργο εκτελώντας την ακόλουθη εντολή:

npm init

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

Βήμα 4: Εγκατάσταση Express.js

Στη συνέχεια, πρέπει να εγκαταστήσετε Express.js ως εξάρτηση για το έργο σας. Χρησιμοποιήστε την ακόλουθη εντολή για να το κάνετε:

npm install express --save

Αυτό θα πραγματοποιήσει λήψη και εγκατάσταση Express.js και η --save σημαία θα το προσθέσει ως εξάρτηση στο package.json αρχείο σας.

Βήμα 5: Δημιουργία της Express εφαρμογής

Τώρα ήρθε η ώρα να δημιουργήσετε την πρώτη σας Express.js εφαρμογή. Δημιουργήστε ένα νέο αρχείο με το όνομα app.js(ή οποιοδήποτε άλλο όνομα προτιμάτε) στον κατάλογο του έργου σας.

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

const express = require('express');  
const app = express();  

Βήμα 6: Ρύθμιση βασικής διαδρομής

Ας δημιουργήσουμε μια απλή διαδρομή για να απαντήσουμε σε εισερχόμενα αιτήματα HTTP. Για παράδειγμα, θα δημιουργήσουμε μια διαδρομή που απαντά με Hello, World! για όλα τα εισερχόμενα αιτήματα. Προσθέστε τον ακόλουθο κώδικα στο app.js:

app.get('/',(req, res) => {  
  res.send('Hello, World!');  
});  

Βήμα 7: Εκκίνηση του διακομιστή

Τέλος, πρέπει να ξεκινήσετε τον Express διακομιστή. Προσθέστε τον ακόλουθο κώδικα στο τέλος του app.js:

const port = 3000;  
  
app.listen(port,() => {  
  console.log(`Server is running on http://localhost:${port}`);  
});  

Βήμα 8: Εκτέλεση της εφαρμογής

Αποθηκεύστε το app.js αρχείο σας και επιστρέψτε στο terminal. Εκτελέστε την ακόλουθη εντολή για να ξεκινήσετε τον Express.js διακομιστή σας:

node app.js

Εάν όλα έχουν ρυθμιστεί σωστά, θα πρέπει να δείτε το μήνυμα "Ο διακομιστής εκτελείται στο http://localhost:3000 " στο terminal.

Βήμα 9: Δοκιμή της εφαρμογής

Ανοίξτε το πρόγραμμα περιήγησής σας και μεταβείτε στο http://localhost:3000. Θα πρέπει να δείτε το μήνυμα Hello, World! που εμφανίζεται στη σελίδα.

Συγχαρητήρια! Εγκαταστήσατε με επιτυχία Express.js και δημιουργήσατε την πρώτη σας διαδικτυακή εφαρμογή. Τώρα μπορείτε να βασιστείτε σε αυτό το θεμέλιο και να εξερευνήσετε περισσότερες από Express.js τις δυνατότητες και τις δυνατότητες του για να αναπτύξετε ισχυρές και δυναμικές εφαρμογές Ιστού. Καλή κωδικοποίηση!