ホームページ > ウェブフロントエンド > jsチュートリアル > nodejs+server.jsはWebサーバーを作成します

nodejs+server.jsはWebサーバーを作成します

php中世界最好的语言
リリース: 2018-06-14 14:09:47
オリジナル
2557 人が閲覧しました

今回は、nodejs+server.jsでWebサーバーを作成する場合の注意点を紹介します。実際の事例を見てみましょう。

1. サーバーコードを記述します。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('服务器开启成功');
ログイン後にコピー

上記のコードにより、サーバーによるファイルの検索を実現できます。次に、HTML ファイルを作成し、ブラウザーからアクセスします。

2. ブラウザーがリクエストを行うための HTML ファイル (index.html) を作成します

<!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) まず、サーバーを起動し、cmd を開き、プロジェクトの場所を見つけます。を入力し、コマンドノードserver.jsと入力してサーバーを起動します

(2)ブラウザでアクセスし、URLバーにhttp://127.0.0.1:888/index.htmlと入力します

該当ページが表示されたら、それはあなたが成功していることを証明します。次に、2 番目に挙げた方法であるローカル サービスを迅速に構築するための Nodejs を紹介します。

2. nodejs を使用して、ローカル サービスをすばやく構築します

注: 「どこでも」node.js は、いつでもどこでも現在のディレクトリを静的ファイル サーバーのルート ディレクトリに変えることです

まず cmd を開き、1. 「node -v」と入力して、node.js がインストールされていることを確認し、「npm install angwhere -g」コマンドを入力して、インストール後に次のように表示されます。 cmd ページに構築したいサーバーのパス

3. 次に、現在のパスの下に「どこでも 8888」と入力します

4. Enter を押すと、ブラウザが自動的にローカル アクセス URL を開きます。簡単なノードサーバーが構築されました。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

vue+keep-alive Webサイトキャッシュの操作方法

Bootstrap+WebUploaderの使い方

以上がnodejs+server.jsはWebサーバーを作成しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート