express 是基於node.js平臺,快速、開放、極簡的 web 開發框架。
1.安裝
express的安裝通過cmd來進行,過程如下:
首先,先在本地建立一個專案資料夾,取名nodejs。
然後通過cmd輸入安裝命令:npm init
在name的地方輸入express_test(這個名稱隨意)
然後輸入“yes”
這個時候你的專案檔案中就會多一個package.json檔案。
開啟這個檔案,你會看到一些應用的名字。
現在可以安裝express了。
到此為止,express安裝成功。
2.除錯
接下來就是建立一個比較系統的目錄結構了。
我是這樣建立的,可以作為一個參考:
新建index.js作為程式的入口,在index.js中引用express。
var port = 3000;//server需要增添的埠
//請求的方法post & get
//處理連結,並返回相應的資料
//(客戶端看不到,在伺服器端處理)除錯的話用npm install -g node-inspector命令
//執行node-inspector
res.send(json.stringify())
}); res.send("alert('get a script')");
}); var html= function()
res.send(html.tostring().replace("function()",""));
});// res.send("abc")
// next();
// })
console.log('web start at port:' + port);
環境搭建成功後,需要通過命令列來啟動。
在cmd中輸入:node index.js
這個時候輸出內容如下:
這個時候在瀏覽器輸入localhost:3000就可以看到你專案中的index.html檔案了。
需要注意的是,在index.js中所有的除錯在客戶端是看不到的,因為它是伺服器指令碼,整個過程都在伺服器端執行。那麼如何才能看到這個除錯過程呢?
我們需要的是安裝node-inspector。
在cmd中輸入:npm install -g node-inspector
安裝成功後出現下面的介面:
執行:在cmd輸入node-inspector
正常情況下應該返回這樣的**:
因為node inspector預設的是8080埠,而我本地的8080埠已經被佔用,就會報錯:
解決的辦法很簡單,只要修改node-inspect的預設藉埠就可以了。
在cmd中輸入:node-inspector --web-port=8099
這裡的8099就是你要修改的埠號,請改成你自己預設的埠號即可。
具體做法是在cmd中輸入需要除錯的檔名:node --debug index.js(這裡除錯的是index.js)
然後在剛才的**的瀏覽器控制檯就能看到伺服器中的頁面了。