Node.js + Express 開發網頁, Hello World

摘要:Node.js + Express 開發網頁, Hello World

這個參考官方的Guide造著做

http://expressjs.com/guide.html

 

首先,下安裝Node.js

然後,安裝ExpressJs

 

先建立一個hello-world資料夾

在hello-world資料夾中建立package.json資料如下

 


{
  "name": "hello-world",
  "description": "hello world test app",
  "version": "0.0.1",
  "private": true,
  "dependencies": {
    "express": "3.x"
  }
}

在來使用批次檔或命令列,執行

npm install

 

再撰寫app.js檔


var express = require('express');
var app = express();

/*
app.get('/hello.txt', function(req, res){
  var body = 'Hello World';
  res.setHeader('Content-Type', 'text/plain');
  res.setHeader('Content-Length', body.length);
  res.end(body);
});
*/

app.get('/hello.txt', function(req, res){
  res.send('Hello World');
});


app.listen(3000);
console.log('Listening on port 3000');

 

再用命令列,或批次檔執行

node app.js

 

他就會去聆聽3000 port

之後打

localhost:3000/hello.txt 

就會得到

 


Hello World 字串。

 

第二階段,將app.js裡的funtion移到route

參考

http://cire.pixnet.net/blog/post/36403974-%5Bnode.js%5D%E7%B7%B4%E7%BF%921---express-%2B-mustache-%2B-jquery 文章

 

知道怎麼做mvc架構

 

因為不想要所有程式都寫在app.js

所以就建立了routes資料夾

 

然後建立index.js

內容撰寫如下


exports.index = function(req, res){ 
   res.send('Hello World');
};

exports.hello = function(req, res){ 
   res.send('Hello World');
};

 

而app.js改寫為


var express = require('express');
var routes = require('./routes');
var app = express();

app.get('/hello', routes.hello);
app.get('/', routes.index);

app.listen(3000);
console.log('Listening on port 3000');

 

可將程式分出去