Anthony Giniers
@antogyn
@aginiers
Laissez tomber Express : passez à son successeur Koa
#DevoxxFR
Express.js
-
Framework web Node.js
- Routing
- Middlewares (basés sur Connect)
- Hautes performances
- ...
- v1 sortie en 2010
- Le E de MEAN
- Créé par TJ Holowaychuk (ejs, commander, co, ...)
Koa.js
- Framework web Node.js
- en v1 : middlewares basés sur des générateurs
- en v2 : middlewares basés sur async/await (2017)
- Créé par TJ Holowaychuk en 2013/2014
"Koa is superior to Express in my opinion, having written them both"
- TJ Holowaychuk
"Koa is a pretty large departure from what people know about Express, the design is fundamentally much different, so the migration from Express 3.0 to this Express 4.0 would effectively mean rewriting the entire application, so we thought it would be more appropriate to create a new library."
- koajs GitHub
Express vs Koa : middlewares
Express :
app.use(function (req, res, next){
var start = Date.now();
next();
console.log(Date.now() - start);
});
app.use(function (req, res){
res.send('Hello World');
});
- Callback synchrone (next)
- Envoi de la réponse dans un middleware (res.send)
Objectif : répondre "Hello World" et loguer le temps de réponse
app.use(function *(next){
var start = Date.now();
yield next;
console.log(Date.now() - start);
});
app.use(function *(){
this.body = 'Hello World';
});v1 : basée sur les générateurs
app.use(async (ctx, next) => {
const start = Date.now();
await next();
console.log(Date.now() - start);
});
app.use(ctx => {
ctx.body = 'Hello World';
});v2 : basée sur async/await
Koa :
- Callback asynchrone (next)
- Utilisation d'un contexte plutôt que d'envoyer directement la réponse
Express vs Koa : middlewares
Objectif : répondre "Hello World" et loguer le temps de réponse
Nouvel objectif : notifier un service externe, répondre "Hello World" et ajouter le temps de réponse dans un header
app.use(async (ctx, next) => {
const start = Date.now();
await next();
ctx.set('X-Response-Time', Date.now() - start);
});
app.use(async (ctx) => {
await notifyService();
ctx.body = 'Hello World';
});Koa :
Express vs Koa : middlewares
X-Response-Time: 50
app.use(async (ctx, next) => {
const start = Date.now();
await next();
ctx.set('X-Response-Time', Date.now() - start);
});
app.use(async (ctx) => {
await notifyService();
ctx.body = 'Hello World';
});Nouvel objectif : notifier un service externe, répondre "Hello World" et ajouter le temps de réponse dans un header
Express vs Koa : middlewares
app.use((req, res, next) => {
const start = Date.now();
next();
res.set('X-Response-Time', Date.now() - start);
});
app.use((req, res) => {
notifyService(() => {
res.send('Hello World');
});
});Express :
X-Response-Time: 1 ???
next est utilisé comme une fonction synchrone
Nouvel objectif : notifier un service externe, répondre "Hello World" et ajouter le temps de réponse dans un header
Express vs Koa : middlewares
Error: Can't set headers after they are sent.
app.use(async (req, res) => {
const start = Date.now();
await notifyService();
res.send('Hello World');
res.set('X-Response-Time', Date.now() - start);
});Express v2 :
Express n'est pas fait pour !
https://github.com/expressjs/response-time
Express vs Koa : middlewares
Monkey patch de response.writeHead
Express en vrai :
const onHeaders = require('on-headers');
app.use((req, res, next) => {
const start = Date.now();
onHeaders(res, function() {
this.setHeader('X-Response-Time', Date.now() - start);
});
next();
});
app.use(async (req, res) => {
await notifyService();
res.send('Hello World');
});Express vs Koa : streams
Express :
app.use((req, res) => {
fs.createReadStream('./dir/does_not_exist').pipe(res);
});Koa :
app.use(ctx => {
ctx.body = fs.createReadStream('./dir/does_not_exist');
});404 Not Found
Crash du process Node.js
Express vs Koa : features
Koa est plus modulaire, avec un core minimaliste (~1600 lignes)
- koa-router
- koa-ejs, koa-pug, ...
- koa-send
- koa-jsonp
- ...
Express vs Koa : performances
- Performances comparables mais léger avantage à Koa
Requêtes par secondes (higher = better)
Environnement de test :
- 32 GB RAM, i7-4790 CPU
- VM à 20$ sur Digital Ocean
Express vs Koa : communauté
Express vs Koa : communauté
- Koa est populaire mais est moins utilisé qu'Express
- ... du coup, moins de middlewares
- Il existe un module pour pouvoir utiliser les middlewares Express (mais il ne peut forcément pas marcher pour tous)
- La quasi intégralité des libs qui s'utilisent par middleware ont une version Koa
Récap
- Flux de contrôle basé sur les promesses avec async/await
- "pile" de middlewares asynchrones
- Abstraction au-dessus de req/res du module http (context)
- possibilité de changer la réponse à tout moment
- meilleure gestion des streams
- évite de polluer req/res
- Léger et modulaire
Merci !
Questions ?
Copy of Copy of Laissez tomber Express : passez à son successeur Koa
By LauDev
