Koa 正在等一個人

Koa 正在等一個人
Koa Is Just Waiting For You
Fred Chien

Node.js v.s. io.js
0.12 的搶先釋出大戰

使用 ES6 的方法
node --harmony

初入 Generator
How to write a generator?

Generator 的使用流程
1. 宣告 Generator 函數
2. 建立 Generator 物件
3. 執行 Generator 內部流程

Generator 的使用方法
function* myGenerator() {
console.log('My Generator!');
}
var generator = myGenerator();
generator.next();

Generator 的基本流程設計
console.log('My Generator!');
yield
console.log('My Generator! Again!');
yield
console.log('My Generator! Again! Again!');
}

Generator 的回傳與代入值
console.log( 'My Generator!' );
yield
console.log( 'My Generator! Again!' );
var input = yield 123;
console.log(input);
}
generator.next();
var ret123 = generator.next();
console.log(ret123);
generator.next( ':-D');

Generator 的回傳與代入值
console.log( 'My Generator!' );
yield
console.log( 'My Generator! Again!' );
var input = yield 123;
console.log(input);
}
generator.next();
var ret123 = generator.next();
console.log(ret123);
generator.next( ':-D');
想像這是
setImediate()
setTimeout()

長得 Sync 樣
卻有 Async 骨
Generator

First Example
var koa = require( 'koa');
// 建立一個網站伺服器
var app = koa();
// 當有瀏覽器要求頁面時，進行處理
app.use(function *() {
// 回應文字內容給瀏覽器
this.body = 'My First Koa Web' ;
});
// 監聽 3000
app.listen(3000);

Routing
var route = require( 'koa-route');
var app = koa();
// 當有瀏覽器要求 /test 頁面時，進行處理
app.use(route.get( '/test', function *() {
// 回應文字內容給瀏覽器
this.body = 'Testing Page!' ;
}));
// 監聽 3000
app.listen(3000);

Data Transfer
Query String, body, parameters

Query String
var app = koa();
app.use(route.get( '/test', function *() {
// 回應 Query String 的 hackathon 欄位內容給瀏覽器
this.body = this.query.hackathon;
}));
// 監聽 3000
app.listen(3000);

Body Parser
npm install koa-bodyparser

Body
var koa = require('koa');
var route = require('koa-route');
var bodyParser = require('koa-bodyparser');
var app = koa();
app.use(bodyParser());
// 當有瀏覽器使用 POST 方法要求 /test 頁面時，進行處理
app.use(route.post('/test', function *() {
// 回應 BODY 的 hackathon 欄位內容給瀏覽器
this.body = this.request.body.hackathon;
}));
// 監聽 3000
app.listen(3000);

Parameters
var app = koa();
app.use(route.get( '/test/:hackathon' , function *(hackathon) {
// 回應 hackathon parameter 內容給瀏覽器
this.body = hackathon;
}));
// 監聽 3000
app.listen(3000);

靜態頁面支援
npm install koa-static

Static
var serve = require( 'koa-static');
var app = koa();
app.use(serve( './public'));
// 監聽 3000
app.listen(3000);

模板引擎
npm install co-views

Template Engine
var views = require( 'co-views');
// 建立模板渲染器，指定模板目錄及格式（以 jade 為例）
var render = views(__dirname + '/views', { ext: 'jade' });
var app = koa();
// 找到 home.jade ，畫出並輸出頁面給瀏覽器
this.body = yield render( 'home', { message: 'Koa is great!' });
});
// 監聽 3000
app.listen(3000);

Jade Template (home.jade)
p #{message}

Session
npm install koa-session

Session Mechanism Initializing
var session = require( 'koa-session');
var app = koa();
// 自訂或以亂數設定一組加密金鑰
app.keys = [ 'asdfghjkl!@#$%ASDFGHJ' ];
// 初始化 Session
app.use(session());

Session Usage
// 將 Session 中 count 屬性的數字累加
var n = this.session.count || 0;
n++;
this.session.count = n;
// 將 Session 中 count 屬性內容回傳給客戶端
this.body = this.session.count;
});

Koa 正在等一個人

More Related Content

What's hot (20)

More from Fred Chien (13)

Koa 正在等一個人