Maison > Article > interface Web > Comment écrire une page Web dans nodejs
Comment écrire une page Web dans nodejs
- PHPzoriginal
- 2023-05-17 09:06:37822parcourir
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.
- 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/).
- 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/');
});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 !".
- 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/');
});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".
- 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/');
});Le code ci-dessus créera un serveur HTTP basé sur le framework Express et enverra "Hello, world to the client!".
- 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/');
});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!