Maison  >  Article  >  interface Web  >  Comment créer un projet nodejs

Comment créer un projet nodejs

PHPz
PHPzoriginal
2023-04-05 10:31:194429parcourir

Créez un projet Node.js

Avec la popularité de Node.js, de plus en plus de développeurs s'intéressent à ce runtime JavaScript. Beaucoup de gens veulent savoir comment mettre en place un projet Node.js. Cet article expliquera comment créer un projet Node.js et présentera quelques outils et techniques utiles.

1. Installez Node.js

Tout d'abord, assurez-vous d'avoir installé Node.js. Vous pouvez télécharger le programme d'installation de Node.js depuis le site officiel de Node.js (https://nodejs.org) et suivre l'assistant pour l'installer.

Une fois l'installation terminée, vous pouvez ouvrir le terminal (le système Windows peut ouvrir cmd via la commande "exécuter") et entrer la commande "node -v" pour tester si Node.js a été installé avec succès. Si l'installation réussit, le numéro de version de Node.js sera affiché.

2. Choisissez un IDE

L'étape suivante consiste à choisir un outil de développement (IDE) pour écrire du code Node.js. Les outils de développement Node.js couramment utilisés incluent Visual Studio Code, Sublime Text, Atom, WebStorm, etc.

Dans cet article, nous utiliserons Visual Studio Code pour le développement.

3. Créez un nouveau projet

Ouvrez Visual Studio Code, sélectionnez "Ouvrir le dossier", puis créez un nouveau dossier et nommez-le "monapplication".

Créez un nouveau dossier dans le dossier et nommez-le "public". C'est ici que nous stockerons les fichiers statiques, tels que les fichiers JavaScript et CSS.

Créez ensuite un nouveau fichier dans le dossier "myapp" et nommez-le "app.js". Ce sera le fichier de point d'entrée de notre application Node.js.

4. Écrivez le code dans app.js

Ouvrez "app.js" et entrez le code suivant :

const http = require('http');
const fs = require('fs');
const path = require('path');

const hostname = '127.0.0.1';
const port = 3000;

const server = http.createServer((req, res) => {
  console.log(`Request for ${req.url} received.`);

  let filePath = '.' + req.url;
  if (filePath == './') {
    filePath = './public/index.html';
  }

  const extname = String(path.extname(filePath)).toLowerCase();
  const mimeTypes = {
    '.html': 'text/html',
    '.js': 'text/javascript',
    '.css': 'text/css',
    '.json': 'application/json',
    '.png': 'image/png',
    '.jpg': 'image/jpg',
    '.gif': 'image/gif',
    '.svg': 'image/svg+xml',
    '.wav': 'audio/wav',
    '.mp4': 'video/mp4',
    '.woff': 'application/font-woff',
    '.ttf': 'application/font-ttf',
    '.eot': 'application/vnd.ms-fontobject',
    '.otf': 'application/font-otf',
    '.wasm': 'application/wasm'
  };

  const contentType = mimeTypes[extname] || 'application/octet-stream';

  fs.readFile(filePath, (err, content) => {
    if (err) {
      if (err.code == 'ENOENT') {
        res.writeHead(404, { 'Content-Type': 'text/html' });
        res.end(`<h1>404 Not Found</h1><p>The requested URL ${req.url} was not found on this server.</p>`);
      } else {
        res.writeHead(500, { 'Content-Type': 'text/html' });
        res.end(`<h1>500 Internal Server Error</h1><p>Sorry, we couldn't process your request. Please try again later.</p>`);
      }
    } else {
      res.writeHead(200, { 'Content-Type': contentType });
      res.end(content, 'utf-8');
    }
  });
});

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

Cet extrait de code crée un serveur HTTP et fait correspondre la requête avec le fichier correspondant. Par exemple, si « /about.html » est demandé, le serveur recherchera le fichier about.html dans le dossier myapp/public et le renverra. Si la requête ne correspond pas à un fichier, une erreur 404 est renvoyée.

5. Ajouter un routage

Nous pouvons étendre l'application en ajoutant des itinéraires. Ici, nous allons ajouter une route simple pour gérer les requêtes GET vers le chemin "/hello".

Ajoutez le code suivant à la fin du fichier app.js :

server.on('request', (req, res) => {
  if (req.method === 'GET' && req.url === '/hello') {
    res.writeHead(200, { 'Content-Type': 'text/plain' });
    res.end('Hello, world!\n');
  }
});

Cet extrait de code écoute les requêtes et renvoie une simple chaîne "Hello, world!" si la méthode de requête est GET et le chemin est "/hello" .

6. Exécutez l'application

Maintenant que nous avons terminé le développement de l'application Node.js, nous devons exécuter l'application. Entrez la commande suivante dans le terminal :

node app.js

Cela démarrera l'application et la liera au port 3000.

Maintenant, entrez "http://localhost:3000/" dans le navigateur pour ouvrir notre page Web statique. Et saisir « http://localhost:3000/hello » renverra la chaîne « Hello, world !

7. Résumé

Node.js est un runtime JavaScript très populaire qui peut aider les développeurs à créer rapidement des applications hautement évolutives. En utilisant les conseils et outils présentés dans cet article, vous pouvez facilement créer une application Node.js.

J'espère que cet article pourra vous être utile et je vous souhaite du succès dans la création de votre propre projet Node.js !

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn