iT邦幫忙

DAY 19
2

Front to Back, Node.js系列 第 19

Express 建立 static web server - Node day 17

  • 分享至 

  • xImage
  •  

要建立一個 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.


上一篇
Express 建立 static server - Node.js Day 16
下一篇
Express 與頁面交談 - Node.js Day 18
系列文
Front to Back, Node.js21
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

我要留言

立即登入留言