Nodejs crée un serveur de site Web

Node.js est un environnement d'exécution JavaScript basé sur le moteur Chrome V8 qui peut être utilisé pour créer des applications Web efficaces. Avec le développement de Node.js en développement, il est devenu un outil de développement back-end largement utilisé. Cet article explique comment utiliser Node.js pour créer un serveur de site Web.

1. Installez Node.js
Tout d'abord, avant d'installer Node.js, vérifiez si Node.js est installé sur l'ordinateur et utilisez la commande "node -v" pour afficher la version installée. S'il n'est pas installé, vous pouvez télécharger le package d'installation depuis le site officiel de Node.js et l'installer.

2. Créez un projet
Ensuite, créez un nouveau dossier myapp comme dossier du projet et utilisez l'outil de ligne de commande pour accéder au dossier. Ensuite, saisir la commande "npm init" dans l'outil de ligne de commande générera un fichier package.json, qui est utilisé pour stocker les informations de base et les modules dépendants du projet.

3. Installer Express
Express est un framework Node.js populaire. Ici, nous utilisons le framework Express pour créer un serveur Web. Entrez la commande "npm install express –save" dans l'outil de ligne de commande pour installer le framework Express et enregistrez-le dans la liste des dépendances du projet. Ensuite, nous créons un fichier app.js et entrons le code suivant :

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

const port = 3000;

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

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

Ce code utilise l'exemple de base du module express pour créer une application Express. Dans l'application, définissez le numéro de port et utilisez la méthode app.listen() pour écouter les requêtes.

4. Exécutez l'application
Exécutez la commande "node app.js" dans la ligne de commande et l'application commencera à écouter les requêtes. Entrez « http://localhost:3000 » dans le navigateur et le serveur devrait renvoyer le message texte « Hello World !

5. Hébergement de fichiers statiques
L'hébergement de fichiers statiques est très important pour le développement Web. Nous pouvons utiliser le middleware fourni par le framework Express pour héberger des fichiers de ressources statiques. Ajoutez le code suivant au fichier app.js :

app.use(express.static('public'));

Où public est le nom du répertoire où sont placés les fichiers statiques, et les fichiers stockés dans ce répertoire seront hébergés sur le serveur.

6. Utiliser le moteur de modèle
Lorsque vous devez renvoyer du HTML ou des vues dynamiques, vous pouvez utiliser le moteur de modèle pour le générer. Le framework Express prend en charge plusieurs moteurs de modèles, tels que Pug et EJS. Ici, nous choisissons le moteur de modèles EJS.

Entrez la commande "npm install ejs –save" sur la ligne de commande pour installer le moteur de modèle EJS et ajoutez le code suivant dans le fichier app.js :

app.set('view engine', 'ejs');

Ensuite, nous pouvons créer un fichier index.ejs dans le vues, et ajoutez le code suivant au fichier app.js :

app.get('/users/:name', (req, res) => {
      res.render('index', { name: req.params.name });
});

Entrez "http://localhost:3000/users/Jim" dans le navigateur, et vous pourrez voir que le message texte "Hello Jim!" est revenu.

7. Utiliser le routage
Le routage est un ensemble de chemins et de méthodes pour accéder aux différentes pages du site Web. Vous pouvez utiliser le framework Express pour définir et traiter des itinéraires. Ajoutez le code suivant dans le fichier app.js :

app.get('/about', (req, res) => {
      res.send('This is about page');
});

app.post('/login', (req, res) => {
      res.send('This is login page');
});

Lors de l'accès au chemin "/about" ou de l'utilisation de la méthode POST pour accéder au chemin "/login", le serveur renverra la réponse correspondante.

8. Utilisation du middleware
Le middleware est situé entre le client et le serveur et peut traiter les requêtes, modifier les réponses ou effectuer d'autres tâches. Nous pouvons utiliser le middleware fourni par le framework Express pour améliorer les fonctionnalités de l'application. Voici un exemple simple de middleware, ajoutez le code suivant dans le fichier app.js :

const myMiddleware = (req, res, next) => {
    console.log('This is my middleware');
    next();
};
app.use(myMiddleware);

Nous pouvons ajouter plusieurs middlewares pour étendre les fonctionnalités de l'application.

9. Utilisez une base de données
Pour la plupart des sites Web, une base de données est essentielle. Node.js fournit de nombreux pilotes de bases de données populaires tels que Mongodb et MySQL, etc. En prenant le pilote MySQL comme exemple, entrez la commande "npm install mysql –save" dans l'outil de ligne de commande pour installer le module Mysql.

Ensuite, vous pouvez ajouter le code suivant dans le fichier app.js :

const mysql = require('mysql');

const connection = mysql.createConnection({
    host: 'localhost',
    user: 'root',
    password: '',
    database: 'mydb'
});

connection.connect((error) => {
    if (error) {
        console.log('Connection failed');
        return;
    }
    console.log('Connected successfully');
});

app.get('/users', (req, res) => {
    connection.query('SELECT * FROM users', (error, results, fields) => {
        if (error) {
            console.log('Failed to get users');
            return;
        }
        res.send(results);
    });
});

Dans ce code, nous nous connectons à la base de données MySQL locale, récupérons tous les utilisateurs de la table des utilisateurs et renvoyons les résultats.

Jusqu'à présent, nous avons réussi à créer un serveur de site Web simple à l'aide de Node.js et à implémenter quelques fonctions de base. Bien que cet article ne soit qu'un didacticiel d'introduction, à mesure que vous apprenez les frameworks Node.js et Express, les développeurs peuvent facilement créer des applications Web plus avancées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!