3分鐘快速搭建nodejs本機伺服器方法運行測試html/js，nodejs本機伺服器

3分鐘快速搭建nodejs本機伺服器方法運行測試html/js，nodejs本機伺服器

做前端的都知道，公司的項目在自己的電腦上搭建環境是挺麻煩的一件事情

1. 首先：一般個人電腦沒公司的配置效能好，
2. 其次：搭建公司項目在自己電腦涉及很多緩衝環境，資源環境包，資料庫等的限制，加起來夠搞一天了（熟悉公司搭建的環境除外）
   

就我自身公司而言情況是這樣，我作為前端工程師，

前端目前是基於polymer——實現最近遇到的問題就是不知道自己寫的頁面有沒有什麼問題，但是要成功啟動項目的tomcat才能看，因為這些頁面無法直接開啟，會包資源解析錯誤，

於是我在想，如何才能把前端頁面不依賴tomcat這些蛋疼的部署伺服器呢？

於是百度看到了nodejs和nginx，帶著對前端伺服器的好奇開始了自己的實踐，一個晚上也請教了一些同學，然後得到了一些啟發

步驟如下

1、到nodejs官網下載安裝包http://nodejs.cn/安裝完成後自動對應了環境到系統中，不需要自己配置環境變數，然後開啟控制台
輸入命令：node

沒有報錯表示運行成功

2、接著在與測試目錄同級目錄下面建立下面兩個js檔案

http.js（伺服器指令碼設定檔）

var PORT = 3000;//var http = require('http');var url=require('url');var fs=require('fs');var mine=require('./mine').types;//var path=require('path');var server = http.createServer(function (request, response) {  var pathname = url.parse(request.url).pathname;  var realPath = path.join("webapp", pathname);  //這裡設定自己的檔案名稱;  var ext = path.extname(realPath);  ext = ext ? ext.slice(1) : 'unknown';  fs.exists(realPath, function (exists) {    if (!exists) {      response.writeHead(404, {        'Content-Type': 'text/plain'      });      response.write("This request URL " + pathname + " was not found on this server.");      response.end();    } else {      fs.readFile(realPath, "binary", function (err, file) {        if (err) {          response.writeHead(500, {            'Content-Type': 'text/plain'          });          response.end(err);        } else {          var contentType = mine[ext] || "text/plain";          response.writeHead(200, {            'Content-Type': contentType          });          response.write(file, "binary");          response.end();        }      });    }  });});server.listen(PORT);console.log("Server runing at port: " + PORT + ".");

mine.js(引入對應的檔案)

exports.types = { "css": "text/css", "gif": "image/gif", "html": "text/html", "ico": "image/x-icon", "jpeg": "image/jpeg", "jpg": "image/jpeg", "js": "text/javascript", "json": "application/json", "pdf": "application/pdf", "png": "image/png", "svg": "image/svg+xml", "swf": "application/x-shockwave-flash", "tiff": "image/tiff", "txt": "text/plain", "wav": "audio/x-wav", "wma": "audio/x-ms-wma", "wmv": "video/x-ms-wmv", "xml": "text/xml"};

上面兩個js建立成功後，開啟http.js，接著在裡面找到路徑設定，把我當前webapp改成你自己的名字項目名稱

Friendship tips：（前提是跟js在同級個目錄。如果測試專案在其他檔案，那麼路徑可能要設定絕對路徑了_這個我沒嘗試）
下面是我的目錄對應的檔案，三個箭頭是必備的其他無需設定

 

3、控制台啟動伺服器測試是否成功

見：

開啟項目所在目錄輸入node http.js

接著提示連接埠啟動成功，

接著直接輸入自己需要測試的檔案地址就行了。比如我的 http://localhost:3000/index.html

到此全部部署完成！

這裡注意：一定要在連接埠號碼後面加上自己檔案路徑才能運行成功。不然會報錯因為http.js裡面寫的比較簡單，暫時未直接映射
http://localhost:3000

如果出錯了那麼請重寫啟動服務

即：Node.js

當然你有興趣的話可以重寫node.js完善它

最後表示：這兩個js都是我在部落格和百度上看到一些大牛寫的，不過他們的寫的教程不夠清晰（本人水平不足不能跟上他們的思路）， 所以再次感謝這些部落格大牛.

以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援幫客之家。