Node之EXPRESS框架學習
Node之Express
前言:Node是目前最厲害、最流行的平臺,可以使用JavaScript開發後端應用。
Express是2010年出來的最流行的Node應用框架。
1. 安裝
首先安裝好node環境。
1. 安裝express
Npm install express –g
Npm install express-genertor –g 表達應用程式生成器,快速建立一個應用程式框架
2. 初始化專案
Cd 路徑 進入路徑
Express 專案名稱 設定專案名稱
2. 執行
Cd 進入專案的更目錄
Npm install 安裝依賴
3. 專案目錄解析
/bin用來啟動伺服器 和配置伺服器的路徑
/bin/www /bin/www 是應用的主入口。應用的真正入口是app.js檔案,所以www檔案先把app.js檔案引進來,其餘的內容主要就是建立了一個nodeHTTP server。
/node_moudules
/public 用來存放靜態資源, img js css
/router 路由用來確定響應對特定斷點的客戶機請求,包含一個url(或者路徑),和一個特定http請求方法,每一個路由可以有一個或者多個處理程式函式,這些函式在路由匹配時執行。
/view 模板檔案所在目錄 檔案格式為。Jade
App.js 程式main檔案 伺服器啟動入口.
1.引入之前使用npm install
下載的包,並建立express物件
2.使用上面引入的包
3.引入路由裡的檔案
4.關聯路由路徑與引入的檔案:
5.view 設定模板 view engine 設定模板引擎
6.最後處理錯誤的http請求
4. 執行Npm start
執行完成後終端輸出node./bin/www 為bin的檔案www
在瀏覽器中輸入localhost:3000
5. nodemon
原始node中的express框架,每次修改js程式碼後,都要重新npm start 才能看到改動後的效果,除錯起來十分不方便。所以我引入了nodemon模組了彌補這樣缺點。
npm
install-g nodemon
或者安裝到本地
npminstall
nodemon
--save
在專案目錄下建立 nodemon.json 檔案
{
"
restartable":
"rs",
"
ignore":
[
".git",
".svn",
"node_modules/**/node_modules"
],
"
verbose":
true,
"
execMap":
{
"js": "node --harmony"
},
"
watch":
[
],
"
env":
{
"NODE_ENV": "development"
},
"
ext":
"js json"
}
restartable-設定重啟模式
ignore-設定忽略檔案
verbose-設定日誌輸出模式,true 詳細模式
execMap-設定執行服務的字尾名與對應的命令
{
“js”: “node –harmony”
}
表示使用 nodemon 代替 node
watch-監聽哪些檔案的變化,當變化的時候自動重啟
ext-監控指定的字尾檔名
修改app.js檔案
記得注稀最後一行的:module.exports = app;
vardebug = require(
'debug')(
'my-application');
// debug模組
app.
set(
'port', process.env.PORT ||
3000);
// 設定監聽埠
//啟動監聽
varserver = app.listen(app.
get(
'port'),
function() {
debug(
'Express server listening on port '+ server.address().port);
});
//module.exports = app;//這是 4.x 預設的配置,分離了 app 模組,將它註釋即可,上線時可以重新改回來
好的,配置已經完成了,現在就差在cmd裡輸入
nodemon app
.js
6. 模板引擎
模板引擎是一個將頁面模板和要顯示的的資料結合起來生成html頁面的工具。如果說express中的路由控制方法比作mvc的控制器的話,那麼模板引擎就是mvc的檢視。
Node.js開發指南中指出:在 MVC 架構中,模板引擎包含在伺服器端。控制器得到使用者請求後,從模型獲取資料,呼叫模板引擎。模板引擎以資料和頁面模板為輸入,生成HTML 頁面,然後返回給控制器,由控制器交回客戶端。