Créer un HTTPServer simple avec NodeJS

View more Tutorials:

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 :

View more Tutorials: