今天開始會是後端的API專案開發~

前端是系統的包裝，後端是系統的核心
拿蛋糕來說，前端就是做蛋糕外層的裝飾及點綴，後端就是蛋糕的內餡
一個好的蛋糕，外層不僅要做的華麗，內餡也要令人吃的意猶未盡，客人才會一直花錢買

我是真的實際接過前人寫的後端專案，代碼千千萬萬行，全部擠在一起，這內餡吃一口保證吐

雖然我自己寫的也不能保證完美，至少堪用，還看的出來是給人吃的啦xD

#快速建置環境

回歸正題，此專案後端的部份是使用Express架構來建置
這邊就照著步驟 step by step 就沒有問題~

#Express 應用程式產生器

首先我們使用Express 應用程式產生器來安裝 express，輸入指令:

npm install -g express-generator

輸入指令來看是否有安裝成功:

express --version

#建立專案

接著輸入指令來建立專案:

express -f 專案名稱

這個步驟會很快，因為他只有幫你建立資料夾及檔案，引用的套件等等都沒安裝
所以接下來就是輸入安裝指令:

cd 專案名稱 //要先cd到專案資料夾中

npm install

再來就等它表演完了...

表演結束後，可以輸入:

npm start

然後瀏覽器輸入以下網址:
http://localhost:3000/

看到這個畫面代表專案建立成功囉~

#專案結構

上面篇幅實在太短了，來加碼一下專案結構說明~

專案建立完成後，資料夾結構會是這樣:

.
├── app.js
├── bin
│   └── www
├── package.json
├── public
│   ├── images
│   ├── javascripts
│   └── stylesheets
│       └── style.css
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug
    └── layout.pug

• /bin/www: 程式進入點，基本上不太會動到
• /app.js: 套件會從這個檔案做引用，以及一些設定，較少會動到
• /routes/*.js: 最常動到的就是這裡，1個route就會新增一個js檔，主要作用是設定url對應
• /package.json: 有引用到的套件或是npm指令會放在這

後面根據需求會再多建立幾個資料夾及檔案，提前說明一下:

• /controllers: route的url對應其controller中的function
• /modules: 對DB存取等等的controller資料處理部分會放在此

今日重點:

• 一步一腳印跟著走安裝流程，魔鬼藏在細節裡xD

參考資料:
我發現後端的建置筆記竟然有紀錄到當初的參考資料...，而且也是鐵人賽的xD
非常感謝這位大神讓我成長了許多~
2018 iT 邦幫忙鐵人賽 - 從無到有，打造一個漂亮乾淨俐落的 RESTful API

最後，有需要改進或是任何意見建議歡迎下面留言~