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

  喜歡請點擊右下角推薦，若有疑問能夠留言，轉載請標明出處。