nodejs+server.js創建Web服務器

來源：懂視網責編：小采時間：2020-11-27 19:37:11

nodejs+server.js創建Web服務器

nodejs+server.js創建Web服務器:這次給大家帶來nodejs+server.js創建 Web 服務器，nodejs+server.js創建 Web 服務器的注意事項有哪些，下面就是實戰案例，一起來看一下。1、編寫服務器代碼server.jsvar http = require('http'); var fs = requir

推薦度：

點擊下載本文 文檔為doc格式

導讀nodejs+server.js創建Web服務器:這次給大家帶來nodejs+server.js創建 Web 服務器，nodejs+server.js創建 Web 服務器的注意事項有哪些，下面就是實戰案例，一起來看一下。1、編寫服務器代碼server.jsvar http = require('http'); var fs = requir

這次給大家帶來nodejs+server.js創建 Web 服務器，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，找到項目所在位置，然后輸入命令node server.js啟動服務器

(2) 在瀏覽器進行訪問，在url欄中輸入http://127.0.0.1:888/index.html

如果對應頁面顯示出來就證明你成功了。接下來我將介紹nodejs快速搭建本地服務，也就是我說的第二種方法。

二、使用nodejs快速搭建本地服務

注：node.js 的anywhere就是隨時隨地將你的當前目錄變成一個靜態文件服務器的根目錄

1、首先打開cmd，輸入node -v檢測你確定你是否安裝好了node.js,然后輸入命令npm install angwhere -g，進行安裝靜態文件服務器，安裝完如下圖顯示：