Node + Express 完全新手教學 - 2 [Express - Hello World ]

下午4:25:00


前言:

如果下面練習完,對於英文沒有恐懼的話(如果你對寫code有興趣,請把對英文的恐懼征服吧 ,要不然走不遠阿。)

這邊是基本教學:

有關路由:  http://expressjs.com/en/guide/routing.html
 

跟API的位置:
4.x 的:  http://expressjs.com/en/4x/api.html

如果想看一下有哪些是在用express作開發出來的作品可以看這邊:

http://expressjs.com/en/resources/applications.html

包括很多有名的東西 Glip, Ghost, Koding, Yummly, MySpace...等等


實作!

1.用Express 開啟一個網頁:

 var express = require('express'); //把express call來使用  
 var app = express();   
 app.get('/', function(req, res) {  
  res.send('<H1>Hello</H1> Express');  
 });  
 //app.get 意思是 如果收到 '/'   
 var server = app.listen(3000, function() {  
  console.log('Listening on port 3000');  
 });   

跟用node js 直接做Hello World一樣~

但是我們看到 我們不用特別再去定義 他是text html type阿等等的東西.

2.用Express來做routes:

 var express = require('express');  
 var app = express();  
 app.get('/', function(req, res) {  
  res.send('<H1>Hello</H1> Express');  
 });  
 app.get('/me', function(req, res) {  
  res.send('<h1>我的FB</h1>' + 'https://www.facebook.com/witkaiy');  
 });  
 app.get('/who/:name?', function(req, res) {  
  var name = req.params.name;  
  res.send(name + ' 在這邊歐');  
 });  
 app.get('/who/:name?/:nickname?', function(req, res) {  
  var name = req.params.name;  
  var nickname = req.params.nickname;  
  res.send('<p>名稱: ' + name + '<br>綽號: ' + nickname + '</p>');  
 });  
 app.get('*', function(req, res) {  
  res.send('沒有東西噢');  
 });  
 var server = app.listen(3000, function() {  
  console.log('Listening on port 3000');  
 });   

這邊我們可以看到我們可以再'/' 制定url 的部分

而且可以利用 ':xxx?' 當作變數來做使用

還有用'*'號來當作如果錯誤的話回傳甚麼

但是到這邊開始會有疑問哪我們就在這邊寫完我們的網站嗎?

NO
接下來我們會進入template EJS
技術提供:Blogger.