Comment écrire une page Web dans nodejs

PHPz
Libérer: 2023-05-17 09:06:37
original
779 Les gens l'ont consulté

Node.js est un environnement d'exécution JavaScript côté serveur très populaire qui permet aux développeurs JavaScript d'écrire des programmes côté serveur. Il est léger, efficace et facile à développer, il est donc largement utilisé dans les domaines du développement d'applications côté serveur et mobiles. Dans cet article, nous présenterons comment écrire des pages Web à l'aide de Node.js.

  1. Installez Node.js

Tout d'abord, vous devez installer Node.js sur votre ordinateur. Vous pouvez télécharger la version adaptée à votre système d'exploitation sur le site officiel de Node.js (https://nodejs.org/en/download/).

  1. Créer un serveur Web

Créer un serveur Web dans Node.js est très simple. Importez simplement le module HTTP et créez un serveur. Voici un exemple simple :

const http = require('http');

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/plain');
  res.end('Hello, world!');
});

server.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});
Copier après la connexion

Le code ci-dessus créera un serveur HTTP, démarrera l'écoute du port 3000 sur le serveur et enverra "Bonjour tout le monde au client Web !".

  1. Gestion des requêtes et des réponses

Nous pouvons utiliser les fonctions de rappel dans Node.js pour gérer les requêtes et les réponses HTTP. Dans l'exemple ci-dessus, le serveur répondra par "Bonjour tout le monde !", mais nous pouvons également personnaliser la réponse pour renvoyer une page HTML, au format JSON ou d'autres types de contenu. Voici un exemple de retour d'une page Web HTML :

const http = require('http');

const server = http.createServer((req, res) => {
  res.statusCode = 200;
  res.setHeader('Content-Type', 'text/html');
  res.write('<html><body><h1>Hello, world!</h1></body></html>');
  res.end();
});

server.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});
Copier après la connexion

Le code ci-dessus créera un serveur HTTP et renverra une page HTML contenant la balise "h1", contenant le texte "Hello, world et ajoutant le "Content-Type!" " en-tête Défini sur "text/html".

  1. Utilisation de modules tiers

Node.js fournit de nombreux modules couramment utilisés, mais pour créer une application Web complète, vous devrez peut-être utiliser des modules tiers. Voici un exemple de création d'un serveur Web à l'aide du framework Express dans Node.js :

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

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

app.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});
Copier après la connexion

Le code ci-dessus créera un serveur HTTP basé sur le framework Express et enverra "Hello, world to the client!".

  1. Utilisez le moteur de modèles

Utilisez le moteur de modèles pour créer facilement des pages HTML. De nombreux moteurs de modèles peuvent être utilisés avec Node.js, tels que EJS, Guidon, Moustache, etc. Voici un exemple d'utilisation du moteur de modèle EJS pour créer une page HTML dynamique :

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

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

app.get('/', (req, res) => {
  const data = {
    title: 'Homepage',
    message: 'Hello, world!'
  };
  res.render('index', data);
});

app.listen(3000, () => {
  console.log('Server running at http://localhost:3000/');
});
Copier après la connexion

Le code ci-dessus créera une page HTML dynamique à l'aide du moteur de modèle EJS. Sur la page, nous rendrons le titre et le message en utilisant les données de l'objet "data".

Résumé

Dans cet article, nous avons appris à écrire un serveur Web et à gérer les requêtes et réponses HTTP à l'aide de Node.js. Nous avons également expliqué comment utiliser des modules tiers et des moteurs de modèles pour simplifier le développement d'applications Web. Au fur et à mesure que vos compétences s'améliorent, vous pouvez progressivement maîtriser des fonctionnalités plus avancées et complexes de Node.js pour développer de meilleures applications Web.

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!