Maison > Article > interface Web > nodejs définit la page d'accueil

nodejs définit la page d'accueil

王林original: 2023-05-17 09:49:36565parcourir

Node.js est un environnement d'exécution JavaScript open source qui peut être utilisé pour créer des applications et des serveurs réseau hautes performances. Dans le processus de développement d’applications Web, il est nécessaire de mettre en place une page d’accueil afin que les utilisateurs puissent voir la première page lorsqu’ils visitent votre site. Dans cet article, nous verrons comment configurer une page d'accueil à l'aide de Node.js.

Étape 1 : Créez une application Node.js de base

Tout d'abord, installez Node.js sur votre ordinateur Veuillez vous référer à la documentation officielle pour la méthode d'installation.

Deuxièmement, créez un nouveau dossier et entrez la commande suivante :

mkdir node-app
cd node-app

Ensuite, utilisez la commande de ligne de commande pour initialiser une nouvelle application Node.js :

npm init

Suivez les invites pour saisir les informations de l'application, et enfin vous obtiendrez un fichier package.json. Ce fichier contient des informations de base sur l'application et une liste de tous les packages dépendants.

Étape 2 : Installez les packages de dépendances requis

Dans Node.js, il existe de nombreux modules et frameworks tiers parmi lesquels choisir, et vous pouvez utiliser l'un d'entre eux pour configurer votre page d'accueil.

Ici, nous allons créer une page d'accueil simple en utilisant le framework Express comme exemple.

Utilisez la commande suivante pour installer le framework Express :

npm install express --save

L'option --save consiste à ajouter ce package de dépendances à la liste des dépendances du fichier package.json.

Étape 3 : Créez une page d'accueil simple

Créez un nouveau dossier et créez-y un fichier nommé index.html, entrez le code HTML de base suivant :

<!DOCTYPE html>
<html>
<head>
    <title>我的主页</title>
</head>
<body>
    <h1>欢迎来到我的主页！</h1>
    <p>这是我的个人主页，谢谢您的访问！</p>
</body>
</html>

Enregistrez ce fichier index.html dans votre projet.

Étape 4 : Configurez l'application Express pour répondre aux requêtes HTTP

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

const express = require('express');

const app = express();

app.use(express.static(__dirname + '/public'));

app.get('/', (req, res) => {
    res.sendFile(__dirname + '/public/index.html');
});

const server = app.listen(3000, () => {
    console.log('应用程序已经启动并运行在 http://localhost:3000');
});

Ce code utilise le framework Express pour créer une nouvelle application et définir le répertoire de fichiers statiques sur le répertoire public, puis configurez une route pour répondre aux requêtes HTTP pour le chemin racine. Lorsque l'application reçoit une demande pour le chemin racine, elle répond avec le fichier index.html.

Enfin, exécutez l'application à l'aide de la commande en ligne de commande :

node app.js

Ensuite, ouvrez votre navigateur Web et entrez http://localhost:3000, si tout se passe bien, vous verrez votre page d'accueil.

Résumé

Cet article explique comment configurer une page d'accueil de base à l'aide de Node.js et du framework Express. Vous pouvez utiliser les didacticiels fournis dans cet article et les étendre pour créer des applications Web plus riches. Node.js dispose d'outils puissants qui peuvent vous aider à améliorer les performances de vos applications Web. La communauté Node.js et la communauté des développeurs sont très actives et vous pouvez obtenir plus d'aide et de ressources en lisant la documentation et en participant à la communauté.

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

Article précédent：contrôle de processus SQL nodejsArticle suivant：contrôle de processus SQL nodejs

Articles Liés

Voir plus