devstory

Créer un HTTPServer simple avec NodeJS

1- Objectif de cette publication

Dans cette publication, je vous montrerai comment créer un HTTP Server très simple avec NodeJS. Et vous pouvez accéder aux sources des données statiques telles que HTML, Javascript, CSS,... dans le dossier via http, tel que :
  • http://localhost:8080/abc.html
  • http://localhost:8080/abc.js
Au lieu d'accéder via file:///
  • file:///E:/webexamples/reactjs/abc.html
  • file:///E:/webexamples/reactjs/abc.js
La question se pose est que pourquoi vous avez besoin d'un HTTP pour seulement accéder aux sources des données statiques ?
Si vous voulez apprendre de ReactJS vous aurez besoin d'un HTTP. Même si ReactJS est simplement une bibliothèque Javascript, et des fichiers HTML peuvent exécuter directement sur un navigateur. Pourtant, parfois des navigateurs empêchent l'opération des fichiers Javascript locals, ils demandent aux fichiers Javascript de venir d'un des schema: http, data, chrome, chrome-extension, https.
Error Message!
Failed to load file:///E:/webexamples/reactjs/hello-reactjs/person.jsx:
Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

2- Créer NodeJS HTTP Server

Tout d'abord, assurez- vous que vous avez installé le NodeJS sur votre ordinateur. Si non, installez-le comme les instructions ci-dessous :
Créez un dossier vide :
Ouvrez la fenêtre CMD et CD au dossier que vous avez créé dans l'étape précédante.
Exécutez la commande pour installer http-server :

npm install -g http-server
Démarrez HTTP-Server :
# Note: -c-1 to disable caching!!

http-server -c-1
Votre HTTP Server a été démarré, il écoute au port 8080. Vous pouvez le vérifier en accédant au lien ci-dessous :
Créez un fichier HTML dans le dossier, et vous pouvez l'accéder via HTTP :
Peut-être que vous êtes intéressé

Voici des leçons en ligne à part du site web o7planning que nous recommandons. La liste comprend des leçons en ligne et celles en promo.