NTU CCSP 2012Fall - Node.js #2.1 - Simple File Host Service

node.js 0.8 + express 3

Transcript

1. 簡易檔案上傳網站
2. 目標 • 可以上傳檔案並給名稱 • 可以清單顯示已經上傳的檔案 • 可以顯示已經上傳的檔案
3. 環境 • Windows 7 • Sublime Text 2 • Node.js 0.8.x • Express.js 3.0
4. 要求 • 安裝好node 0.8.x • 可以使用npm指令 • 可以使用node指令
5. Step 0: 安裝express 打開終端機 輸入 npm install express –g -g也可以放install前面 -g代表安裝到global 才可以在任何資料夾當作指 令來使用 簡單說就是安裝程式到系統
6. Step 0: 安裝express
7. Step 1: 建立專案 測試express指令
8. Step 1: 建立專案 express -e -c less -s uploadserver
9. Step 2: 安裝所需要的庫 npm install 會自動依照目錄下 的package.json安裝所依賴的 套件到目前目錄(local mode)
10. Step 3: 驗證安裝 node app.js 打開瀏覽器 http://localhost:3000/
11. Step 4: 打開ST2 以資料夾模式開啟
12. Step 5: 編輯bodyParser 修改bodyParser keepExtensions => 保留附檔名 uploadDir => 指定上傳到哪個資料夾
13. Step 6: 接受上傳 var database 模擬一個資料庫 res.redirect(路徑) 回傳302導向其他 網頁
14. Step 7: 修改index view
15. Step 8: 測試看看吧
16. Step 9: 修改index的handler
17. Step 10: 再修改index.ejs
18. Step 11: 測試看看