要建立一個 web server ,就從 static server 講起,當然可能無法與 CDN 相比較,不過總是有許多好玩的地方,網站開發就從小做起,讓我們來開啟一個專案吧!
Express 建立 static web server - Node day 17
要建立一個 web server ,就從 static server 講起,當然可能無法與 CDN 相比較,不過總是有許多好玩的地方,網站開發就從小做起,讓我們來開啟一個專案吧!
一開始使用 Express 指令來建立專案,
express static-server & cd static-server
這個時候,專案裡面的許多 module 都還沒有準備齊全
npm install .
上面的指令輸入後,會開始讀取 package.json ,接著就會從 npm 上面找到相關的 module ,進行下載安裝,安裝過程就先略過。
var express = require("express"),
app = express(),
port = parseInt(process.env.PORT, 10) || 4567;
app.get("/", function(req, res) {
res.redirect("/index.html");
});
app.configure(function(){
app.use(express.methodOverride());
app.use(express.bodyParser());
app.use(express.static(__dirname + '/public'));
app.use(express.errorHandler({
dumpExceptions: true,
showStack: true
}));
app.use(app.router);
});
app.listen(port);
整體完成的目錄結構如下
├── app.js
├── package.json
├── public
│ ├── images
│ ├── javascripts
│ └── stylesheets
│ └── style.css
├── routes
│ ├── index.js
│ └── user.js
└── views
├── index.jade
└── layout.jade
預設已經將資料完成,許多預設的部份也已經完成,最後只需要將 static files 放置於 public 底下即可,
例如底下可以放置 jQuery, bootstrap 檔案等,在預設的資料夾中,已經將這些靜態檔案作為分類,如果有其他的 *.html 檔案,也可以放到 public 底下。
之後啟動 node 服務器,
node app.js
進入 localhost:3000
,就可以連線到伺服器,後面在加上,例如在 public/javascripts/jquery.js,就可以開啟瀏覽器連線,
http://localhost:3000/javascripts/jquery.js
就連線到 static file.