天天看點

Express 教程 01 - 入門教程之經典的Hello World

目錄: <a href="#LonelyShadow0">前言</a> <a href="#LonelyShadow1">一、Express?納尼?!</a> <a href="#LonelyShadow2">二、開始前的準備工作</a> <a href="#LonelyShadow3">三、測試安裝之經典的Hello World</a> <a href="#LonelyShadow4">四、使用express(1)來生成一個應用程式</a> <a href="#LonelyShadow5">五、說明</a>

  本篇文章是建立在Node.js基礎之上的,是以讀者需要有一點Node.js基礎的了解。

  示範我是按照Windows作業系統來的了。Linux的其實指令都差不多,大家應該也可以發現。

  我也是剛學這個,是以很多東西都是我從各大網站上照的,然後附上了我的實踐操作及自己的說明吧。

  有什麼錯誤,希望大家及時指明,也請大家見諒。。

  Express 是一個簡潔而靈活的 Node.js Web應用架構, 提供一系列強大特性幫助你建立各種Web應用。Express 不對 node.js 已有的特性進行二次抽象,我們隻是在它之上擴充了Web應用所需的功能。豐富的HTTP工具以及來自Connect架構的中間件随取随用,建立強健、友好的API變得快速又簡單。

  步驟1:首先,我們需要在自己的磁盤分區中,建立一個檔案夾,後面我們的所有操作都将在這個檔案夾中進行。

  在這裡,我以我的D盤做示範。

  運作cmd、啟動DOS,輸入“D:”回車切換到D盤,然後運作“mkdir NodejsDemo”建立一個名為“NodejsDemo”的檔案夾:

Express 教程 01 - 入門教程之經典的Hello World

  步驟2:在這個檔案夾中,我們必須得建立一個“應用程式封包件”,它類似于.NET中的package.json,用于NuGet管理檔案版本用的。

  在我們的Express裡面呢,我們也需要建立package.json這個檔案,它和其他的Node程式包是一樣的,在裡面Express作為一個依賴。

  你也可以使用 npm info express version 來擷取express最新版本号,最好使用最新的版本号,這樣新出的功能就不會讓你感覺到奇怪了:

Express 教程 01 - 入門教程之經典的Hello World

  OK,得知目前最新的Express版本号為4.12.2,接下來我們就可以建立package.json這個封包件了。

  package.json檔案代碼如下:

  步驟3:現在我們的package.json檔案已經準備就緒了,下面我們就可以使用npm(1)來安裝依賴項,這裡的依賴項僅是Express。

  運作 cd NodejsDemo 進入我們的項目目錄,這裡也就是我們最開始建立的,也是package.json所在的NodejsDemo檔案夾:

Express 教程 01 - 入門教程之經典的Hello World

  步驟4:然後,我們運作 npm install 指令,安裝package.json中聲明的依賴項:

Express 教程 01 - 入門教程之經典的Hello World

  步驟5:當npm完成後,Express 4.12.2和它的依賴項就安裝到你的"./node_modules"目錄裡了。

  你可以通過運作 npm ls 指令來确認一下,它會把Express和它的依賴展示成下面的樹形結構:

Express 教程 01 - 入門教程之經典的Hello World

  第一段中,我們的Express已經安裝完成了,下面,我們要來寫真正的代碼了,也算是測試安裝結果吧。

  步驟1:在D:\NodejsDemo,也就是上面我們建立的那個目錄中,建立一個js檔案:man.js,作為我們的主程式。

  main.js代碼如下:

  上述代碼中,我們首先引入express子產品,然後使用express()建立一個新的應用程式。

  在這個應用程式執行個體裡,你可以通過  app.VERB() 定義路由,上面的例子是"GET /"傳回 "Hello World" 字元串。 

  request和 response 對象是和node原生提供給你的一緻的,你也可以執行  response.pipe() ,  request.on('data', callback)  等任何事情在沒有Express的情況下可以做的事情。

  然後,我們使用express對象封裝好的方法 response.send() ,它會傳回指定字元串,并且設定Content-Length。

  最後,我們啟動監聽3000,并且輸出目前的監聽資訊。

  步驟2:運作cmd,啟動DOS,進入該項目目錄,運作指令“node main”:

Express 教程 01 - 入門教程之經典的Hello World

  步驟3:打開浏覽器,通路:http://127.0.0.1:3000:

Express 教程 01 - 入門教程之經典的Hello World

  啊啊啊,每次看到這兩個單詞,都好激動有木有。。。。。。

  Express團隊維護了一個可以快速生成項目模闆的可執行檔案,這裡命名為express(1)。

  如果您使用npm安裝全局的express-generator,那麼在你的機器任何位置它都可以被通路。

  步驟1:運作cmd進入DOS,切換到D盤,運作指令 npm install -g express-generator ,-g表示global全局的。效果如下:

Express 教程 01 - 入門教程之經典的Hello World

  步驟2:這個工具提供了一個非常簡單的生成一個程式骨架的功能。但是他也是有局限性的,比如它隻支援很少的幾個模闆引擎。

  而事實上Express幾乎支援所有的為Node所建的模闆引擎。使用 express --help 檢視一下幫助:

Express 教程 01 - 入門教程之經典的Hello World

  步驟3:如果你想生成一個Jade,Stylus的應用程式,你隻需要簡單的執行下面的指令即可: express --session --css stylus --ejs myapp 

Express 教程 01 - 入門教程之經典的Hello World

  然後,它就會在我們的D盤中建立了一個myapp的站點,結構如下:

  步驟4:和其他Node程式一樣,你必須添加項目依賴:

Express 教程 01 - 入門教程之經典的Hello World
Express 教程 01 - 入門教程之經典的Hello World

指令運作的回顯結果

  步驟5:然後,我們就可以運作了!!!哈哈。

  運作指令 node app 啟動主程式,如果啟動無反應,您也可以切換到bin目錄,運作 node www 啟動程式:

Express 教程 01 - 入門教程之經典的Hello World

  步驟6:打開浏覽器,通路:http://127.0.0.1:3000:

Express 教程 01 - 入門教程之經典的Hello World

  步驟7:重新整理頁面,我們每發出一個請求,express都會做出記錄:

Express 教程 01 - 入門教程之經典的Hello World

  本文就是簡單的入門篇,後面有時間我會針對這個站點系統的骨架,目錄掃雷式講解,并且示範進行二次自定義開發。

  大家也可以自己看看這個目錄結構,手動修改一下頁面,熟悉一下。

親們。碼字不容易,覺得不錯的話記得點贊哦。。

繼續閱讀