簡單實作

好的！安裝完也設置好工作環境，我們來開始簡單的實作吧！

在 myapp 工作目錄下，先手動新增執行檔( 筆者是 app.js，如果讀者是使用預設的話，請命名為 index.js )，並新增下列程式碼：

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello World!');
});

app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

require 是匯入的意思，我們把 express 套件匯入進來。並 express() 實體化產生為物件，此物件宣告給 app 來使用。這樣我們就可以藉由 app 來使用 express 物件了！app.get('/',...); 是當路由相符時，也就是指向 URL 根目錄 ( / )，並且 HTTP 的要求方法為 GET，當兩者都達成條件後就會執行後面的 function，function 內容為 res.send('Hello World!'); 即是傳送 Hello World! 來當作回應。

最後 app.listen(3000,...); 是指跑執行檔讓伺服器啟動後，用 port：3000 來接聽連線。所以成功啟動了伺服器，將會印出字樣 Example app listening on port 3000!。

我們現在就來跑跑看執行檔！一樣開啟 Node.js command prompt 將位置移動到工作目錄，並使用我們之前安裝好的 nodemon 套件來啟動伺服器。一啟動就可以看到字樣 Example app listening on port 3000!，代表我們的伺服器有成功運行起來。

使用 nodemon 啟動伺服器

接著在瀏覽器中輸入 http://127.0.0.1:3000/，就可以看到 Respond 傳送回來的 Hello World!

註：因為是在本地測試，所以 URL 根目錄為 127.0.0.1

伺服器接收到此路由的要求，並以 Hello World! 當作回應

但對於其他 URL 路徑，伺服器的回應是 404 找不到。可是如果我們在 URL 根目錄加其他相對路徑，伺服器的回應卻是 Cannot GET，代表著找不到 /mypath 此路由的 GET 要求。

伺服器接收不到此路由的要求

我們加入新的路由 /mypath 來測試看看！一樣 HTTP 的要求方法為 GET。為了凸顯跟 Hello World! 字樣的不同，我們在 My Path 前後加入 <b> 粗體字效果。

app.get('/mypath', function (req, res) {
  res.send('This Is <b>My Path<b>');
});

因為使用 nodemon 跑伺服器，所以我們只要把剛剛修改的執行檔存好檔，就可以直接在瀏覽器看效果。輸入 http://127.0.0.1:3000/mypath，就可以看到 This Is My Path，而且 My Path 是有粗體字效果！

伺服器接收到 http://127.0.0.1:3000/mypath 路由的要求，並做出回應

Node.js+Express 安裝設置與簡單實作

簡單實作