webStorm在Node.js平台下服務器配置及Express配置

**************************************

本博客從此篇開始，將從零基礎開始逐漸深入地向各位博友分享node.js學習經驗，如有需要請通過博客園留言，我們互相討論，共同進步。

**************************************

首先需要下載node並安裝，本文不再贅述。

安裝好node之后創建項目目錄，目錄結構如下：

public在此為靜態資源，意為服務器端的靜態文件，包括圖片、html文件、css文件、js文件、字體庫等。

打開命令行，在項目根目錄下運行命令  npm init   npm(包管理器)

連續按回車后，目錄中會增加一個package.json的文件，這個文件保存了項目的配置信息。

接下來需要在webstorm中配置node與服務器文件（app.js）文件目錄

nodeinterpreter是node的安裝目錄，一般情況下會自動識別。working directory 是項目目錄，javascript file為服務器端主文件（app.js）。配置好后點擊apply  ok.

全部配置好后便可以寫服務器端js進行服務器搭建：

var http=require("http");    //引入http模塊
var server=http.createServer(function(req,res){
    console.log("服務器在運行"); }); server.listen(8888); //端口監聽

此時便可以通過ip:端口 或者 localhost:端口 進行訪問了。

以上是通過手動輸入的三行代碼搭建了服務器，但在平時開發中我們多使用功能更強大的Express框架進行服務器配置及開發，express中封裝了很多便於開發的方法，效率大大提升。

下面通過Express框架對服務器進行搭建及配置：

首先需要通過第三方庫下載express模塊包,在項目根目錄下：

npm install express@3 --save-dev

@3 為express的框架版本，在此使用3.x ，--save-dev 是模塊包下載完成后自動寫入package.json保存並進行配置。

在app.js中重新寫入以下代碼：

var express = require("express");          //引入express模塊
var app = express();                       //返回對象
app.use(express.logger("dev"));          //設置為開發者模式，顯示日志
app.use(express.bodyParser());            //處理post請求模塊
app.use(express.methodOverride());         //協助處理post請求模塊，將所有非get請求都轉化為post請求
app.use(app.router);                         //將路由級別提升最先，必須要寫在設置靜態資源配置之前
app.use(express.static(__dirname+"/public"));    //設置靜態資源路徑
//app.use(express.favicon(__dirname+"/public/imagesvarvar/favicon.ico"));     //設置小圖標
app.use(express.errorHandler());                 //將錯誤打印出來
app.set("port",8889);

app.listen(app.get("port"),function(){ console.log("啟動成功"+app.get("port")) });

此時便可以通過瀏覽器外部訪問服務器：

localhost:8889/index.html

  喜歡請點擊右下角推薦，如有疑問可以留言，轉載請標明出處。