1. 程式人生 > >Node之EXPRESS框架學習

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

存放著package.json中安裝的模組,當你在package.json新增依賴的模組並安裝成功後,存放在這個資料夾中。

/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

或者安裝到本地

npm install 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;

var debug = require('debug')('my-application'); // debug模組
app.set('port', process.env.PORT || 3000); // 設定監聽埠
 
//啟動監聽
var server = 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 頁面,然後返回給控制器,由控制器交回客戶端。