NODE.JS初學筆記7-利用express打造一個伺服器!

現在我們已經學會了如何安裝node套件以及引進外部模組，是時候打造我們第一個伺服器了!
當然你可以使用Node.js原生的http模組打造本地伺服器，較為麻煩但一樣可以達到你要的效果。
但多虧了偉大的開發者，我們有express這個網路開發框架幫助我們快速建立一個功能強大的網站。

Step 1:安裝express

首先前往你的專案目錄，我想你已經猜到了，要安裝express我們需要前一篇的安裝指令。

// Desktop/node_project/worldPressDemo/Demo
npm init -y 
npm install express

接著打開package.json確認express套件已成功安裝。

Step 2:利用require引進express並建立express實例

老樣子，首先建立一個app.js檔案用來做我們這次的示範。

// Desktop/node_project/worldPressDemo/Demo/app.js

const express = require('express') 
const app = express() 

由於現在app這個實例可以使用express中的方法，我們利用其中的get & listen來建立我們的伺服器。這部分必須先了解何謂路由的概念，可以參考這篇文章。

app.get('/', (req, res) => {
  res.send(`<h1>Hello I am Danny</h1>`)
})

app.listen(3000, () => {
  console.log('you are now listening at port 3000');
}) 

首先利用get方法告訴express當有人送出頁面請求時，你要作出什麼回應。
上例中表示收到來自主頁面的請求時，要在頁面中印出Hello I am Danny
req 與 res分別表示請求與回應，命名上已成慣例，初學時建議不要作任何更改。
接著便是利用listen方法建立本地端的伺服器，其中3000表示port號，你可以依照自己喜歡決定對應的port接口。

最後在專案目錄中執行這支app.js檔案啟動我們的伺服器。

打開瀏覽器，輸入127.0.0.1:3000便可以看到我們剛剛建立的頁面囉!

如何?利用express建立伺服器就是這麼簡單，不過光看以上的簡短例子，相信你會發現到一些明顯的問題。

• 我們利用res.send去告訴頁面需要呈現的訊息，但實務上我們要呈現的是一個完整的html結構，當結構一大這樣的寫法又難看又不易維護。
• 使用者可能不只是單純的瀏覽網頁，有時候會登入、發布動態、送出表單的等動作，光靠get方法不夠應付。

這些事情我們在之後的文章都會慢慢建立，現在還在摸索這系列文章到底要走筆記還是教學風格，後者花的時間實在太多了XD