Maison >interface Web >js tutoriel >nodejs construit un serveur local et gère plusieurs domaines

nodejs construit un serveur local et gère plusieurs domaines

php中世界最好的语言original: 2018-05-03 15:59:471616parcourir

Cette fois, je vais vous présenter nodejs pour créer un serveur local et gérer plusieurs domaines. Quelles sont les précautions pour que nodejs construise un serveur local et gère plusieurs domaines. , jetons un coup d'oeil.

Récemment, j'ai sorti une petite démo écrite en jquery et je l'ai exécutée. Au début, j'ai oublié d'activer le service local, ce qui a amené la console à continuer de signaler que XMLHttpRequest ne peut pas charger file:///C :/Users/79883/Desktop/ajax/data.json?{%22username%22:%22lcl@qq.com%22,%22pwd%22:%22Home20170702%22} Les requêtes multi-origines ne sont prises en charge que pour. schémas de protocole : http, data, chrome, chrome-extension, https.. Les requêtes d'origine croisée ne sont prises en charge que pour les schémas de protocole : http, data, chrome, chrome-extension, https, chrome-extension-ressource. Ensuite, je suis allé démarrer le serveur server.js que j'ai écrit. Au cours du processus, j'ai senti que cette méthode était assez gênante, j'ai donc continué à essayer d'autres méthodes, telles que la modification des propriétés du navigateur, etc., mais aucune d'entre elles n'a résolu le problème. -domaine Enfin, nous avons proposé deux méthodes efficaces, et je vais vous les présenter ici.

1. Utilisez Node pour créer un serveur Web

Remarque : Node.js fournit le module http, qui est principalement utilisé pour créer du HTTP. serveurs.et client, ce qui suit est un processus simple de mise en œuvre du serveur :

1. Écrivez le code du serveur server.js

var http = require('http'); 
var fs = require('fs');//引入文件读取模块 
var documentRoot = 'C:/Users/79883/Desktop/jquery/ajax';//需要访问的文件的存放目录 
var server= http.createServer(function(req,res){ 
  //客户端输入的url，例如如果输入localhost:8888/index.html 
 //那么这里的url == /index.html 
 var url = req.url; 
 var file = documentRoot + url; 
 console.log(url); 
 fs.readFile( file , function(err,data){ 
 /* 
  一参为文件路径 
  二参为回调函数 
   回调函数的一参为读取错误返回的信息，返回空就没有错误 
   二参为读取成功返回的文本内容 
 */ 
  if(err){ 
   //HTTP 状态码 404 ： NOT FOUND 
   //Content Type:text/plain 
   res.writeHeader(404,{ 
    'content-type' : 'text/html;charset="utf-8"' 
   }); 
   res.write('<h1>404错误</h1><p>你要找的页面不存在</p>'); 
   res.end(); 
  }else{ 
   //HTTP 状态码 200 ： OK 
   //Content Type:text/plain 
   res.writeHeader(200,{ 
    'content-type' : 'text/html;charset="utf-8"' 
   }); 
   res.write(data);//将index.html显示在客户端 
   res.end(); 
  } 
 }); 
}).listen(8888); 
console.log('服务器开启成功');

Grâce au code ci-dessus, nous peut implémenter le serveur Pour la recherche de fichiers, ci-dessous, nous allons créer un fichier html puis y accéder via le navigateur.

2. Écrivez le fichier html (index.html) pour que le navigateur demande

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>index</title> 
</head> 
<body> 
 这是一个用于进行nodejs服务器测试的html文件，通过在浏览器上面输入 
 http://127.0.0.1:8888/index.html(自己所建的项目名)进行访问 
</body> 
</html>

3. (1) Nous démarrons d'abord le serveur, ouvrons cmd, trouvons l'emplacement du projet, puis entrons dans la commande node server.js pour démarrer le serveur (2) Pour accéder dans le navigateur, saisissez http dans la barre d'url ://127.0.0.1:888/index.html

Si la page correspondante s'affiche, cela prouve que vous avez réussi. Ensuite, je présenterai nodejs pour créer rapidement des services locaux, qui est la deuxième méthode que j'ai mentionnée.

2. Utilisez nodejs pour créer rapidement des services locaux

Remarque : node.js n'importe où consiste à transformer votre répertoire actuel en racine. répertoire du serveur de fichiers statiques 1. Ouvrez d'abord cmd, entrez node -v pour vérifier si vous avez installé node.js, puis entrez la commande npm install angwhere -g pour installer le serveur de fichiers statiques Installer. Il est illustré dans la figure ci-dessous :

2. Recherchez le chemin sur lequel vous souhaitez créer le serveur sur la page cmd

3. dans le chemin actuel comme suit L'image montre

4. Après avoir appuyé sur Entrée, le navigateur ouvrira automatiquement l'URL d'accès local et un simple serveur de nœuds a été configuré par nous!

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation de la délégation d'événements JS

Explication détaillée des étapes pour utiliser WebUploader dans Bootstrap

js vérification date de naissance expression régulière

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：Explication détaillée des étapes d'encapsulation et de téléchargement des composants de fichiers dans Vue (avec code)Article suivant：Explication détaillée des étapes d'encapsulation et de téléchargement des composants de fichiers dans Vue (avec code)

Articles Liés

Voir plus