Download - Webapplikationen mit Node.js
für Webapplikationen
Alexandra H. / pixelio.de
WER BIN ICH?
• Sebastian Springer
• https://github.com/sspringer82
• @basti_springer
• Consultant, Trainer, Autor
Rudolpho Duba / pixelio.de
var http = require(‘http');!!http.createServer(function (req, res) {! res.writeHead(200, ! {'Content-Type': 'text/plain'});! res.end('Hello World\n');!}).listen(1337, ‘127.0.0.1');!!console.log('Server running at localhost');
Heute machen wir kein plain Node.js
Wie baue ich mit Node.js eine stabile und performante Webapplikation?
Für die ich mich später nicht schämen muss…
Struktur
Monika Weidenhaupt / pixelio.de
Struktur bedeutet Organisation des Quellcodes in Komponenten, Dateien und Verzeichnisse.
Ziel ist eine Verbesserung der Wartbarkeit und Erweiterbarkeit.
…und ja, das geht mit Node.js
Modulsystem
Das Node.js-Modulsystem zur Aufteilung in Dateien nutzen.
Einbinden von Dateien kostet nichts, Node.js verfügt über einen Modulcache.
$ node cache2.js In Module Module function Module function
var foo = require('./myFile'); var bar = require('./myFile'); !foo.myFunc(); bar.myFunc();
console.log('In Module'); !module.exports = { myFunc: function() {console.log('Module function');} };
Frameworks?Beat Kohler / pixelio.de
Frameworks liefern Strukturkomponenten, Hilfsfunktionen und eine Reihe von Best Practices.
!Frameworks lösen Probleme, von denen du noch nicht einmal
wusstest, dass du sie haben wirst.
! Templating" Modular # Routing $ Extensible
Jade HandlebarsMiddleware MiddlewareHTTP-Methods
Sehr weit verbreitetes Web Application Framework auf Basis von Node.js-http und Connect.
var express = require('express');!var app = express();!!app.get('/', function(req, res){! res.send('hello world');!});!!app.listen(3000);
! Templating" Modular # Routing $ Extensible
Jade HandlebarsMiddleware MiddlewareHTTP-Methods
Neues, noch experimentelles Framework, das auf ECMAScript 6-Features setzt (min. node-v0.11).
Bessere Unterstützung von Promises und potenzieller Nachfolger von express.
var koa = require('koa');!var app = koa();!!// logger!app.use(function *(next){! var start = new Date;! yield next;! var ms = new Date - start;! console.log('%s %s - %s', this.method, ! this.url, ms);!});!!// response!app.use(function *(){! this.body = 'Hello World';!});!!app.listen(3000);
! Templating" Modular # Routing $ Extensible
PlatesMiddleware Middleware PluginsDirector
Ein wesentlich kleineres Framework als express. Unterstützt die wichtigsten Funktionen, die für den Aufbau einer Web
Applikation benötigt werden.
var flatiron = require('flatiron'),! app = flatiron.app;!!app.use(flatiron.plugins.http);!!app.router.get('/', function () {! this.res.writeHead(200, { ! 'Content-Type': 'text/plain' ! });! this.res.end('Hello world!\n');!});!!app.start(8080);
! Templating" Modular # Routing $ Extensible
own engineModules OverwritesHTTP-Methods
Im Vergleich zu express ein vergleichsweise kleines Framework. Umfangreiche Abdeckung der Problemstellungen.
var framework = require('total.js');!var http = require('http');! !var debug = true;! !framework.run(http, debug, 8005);
exports.install = function(framework) {! framework.route('/', view_homepage);! framework.route('/{link}/', view_detail);!};! !function view_homepage() {! var self = this;! self.view('homepage');!}
Wir bauen eine MVC-Applikation.
Wir bauen eine MVC-Applikation
Bernd Kasper / pixelio.de
Verzeichnisstruktur.!!"" controllers!# $"" index.js!!"" index.js!!"" models!# $"" user.js!!"" public!!"" router.js!$"" views! $"" login.js
index.jsvar express = require('express');!var bodyParser = require('body-parser');!var routes = require('./router');!!var app = express();!!app.use(bodyParser.json());!!app.use('/', express.static(__dirname + '/public'));!!routes(app);!!app.listen(8080);
router.jsvar express = require('express');!!var todoController = require('./controllers/todo');!!module.exports = function(app) {! var todoRouter = express.Router();!! todoRouter.get('/', todoController.getAllAction);! todoRouter.get('/:id', todoController.getOneAction);! todoRouter.post('/', todoController.createAction);! todoRouter.put('/:id', todoController.updateAction);! todoRouter.delete('/:id', todoController.deleteAction);!! app.use('/todo', todoRouter);!};
Controller
Funktionen, die hinter den einzelnen Routen stehen. Erhalten das Request- und Response-Objekt.
Models
Hier liegt die eigentliche Business-Logik der Applikation. Die eingehenden Informationen werden validiert und
verarbeitet und gegebenenfalls in die Datenbank gespeichert.
Datenbanken
1. Treiber installieren !npm install sqlite3
2. Verbindung aufbauen !var db = new sqlite3.Database(‘./db/myDb.db');
3. Abfragen !db.get(sql, id, function(err, row) {! … !});
Promises
mit QJMG / pixelio.de
Das Versprechen auf die Erfüllung einer asynchronen Funktion.
db.query(sql, function(err, data) {! if(err) {! throw err;! } else {! console.log(data);! }!});
var q = require(‘q’);!!function queryWrapper(sql) {! var deferred = q.defer();! db.query(sql, function(err, data) {! if(err) {! deferred.reject(err);! } else {! deferred.resolve(data);! }! });! return deferred.promise;!}
var sql = ‘SELECT * FROM users’;!!var promise = queryWrapper(sql)!!promise.then(function(data) {! // success ! …!}, function(err) {! // failure! …!});
Warum Promises?
Escape the Callback Hell!
Bessere Flusssteuerung für asynchrone Calls wie z.B. Merge.
Quasi synchrone Programmierung trotz Asynchronität
Promises mit koa
// curl -X GET http://localhost:8080/user/1!app.get('/user/:id', function *(next) {! var user = yield movieModel.get(this.params.id);! this.body = JSON.stringify(user);!});
ORM
&○␣␣
var express = require('express');!var orm = require('orm');!var app = express();!!app.use(orm.express("mysql://username:password@host/database", {! define: function (db, models, next) {! models.person = db.define("person", { ... });! next();! }!}));!app.listen(80);!!app.get("/", function (req, res) {! req.models.person.find(...);!});
npm install orm
Template Engines
Paketverwaltung
Der Node Package Manager ist seit der Version 0.6.3 Teil von Node.js.
Installation, Update und Removal von Paketen. Das zentrale Repo liegt unter npmjs.org.
Aktuell gibt es > 83k Pakete. Jeder kann Pakete veröffentlichen.
!Jedes Paket löst seine eigenen Abhängigkeiten auf.
Konfigurationsdatei für ein Projekt. Wird mit npm init erstellt.
Enthält viele Meta-Informationen und die Abhängigkeiten.
package.json
• node_modules: Verzeichnis, in das die Abhängigkeiten installiert werden (sollte im VCS ignoriert werden).
!• npm install: Installiert sämtliche Abhängigkeiten aus der
package.json automatisch. !• npm install --save: Trägt die Abhängigkeiten in die
package.json ein.
Distribution
Gabi Schoenemann / pixelio.de
• Installation über npmjs.org
• Installation eines Pakets aus einem Verzeichnis
• Installation eines Pakets aus einer .tgz-Datei
Voraussetzung: package.json muss vorhanden sein
Skalierung
Node.js ist im Kern klein und leichtgewichtig. Node.js ist Single-Threaded.
Node.js schlägt sich als Einzelkämpfer recht gut.
ABER: das alles hat auch seine Grenzen.
Mit Boardmitteln
)child_process cluster
child_process
Manuelles Forken von Kindprozessen. Prozesse können über Nachrichten kommunizieren.
ACHTUNG: Kinder kosten … Ressourcen
var cp = require('child_process');!!var sub = cp.fork(__dirname + '/sub.js');!!sub.on('message', function(m) {! console.log('PARENT got message:', m);!});!!sub.send({ hello: 'world' });
process.on('message', function(m) {! console.log('CHILD got message:', m);!});!!process.send({ foo: 'bar' });
Parent
Child
cluster
Skalierung für socket-basierte Module wie z.B. http. Betriebssystem übernimmt das Loadbalancing.
Die Prozesse teilen sich einen Port.
var cluster = require('cluster');!var http = require('http');!var numCPUs = require('os').cpus().length;!!if (cluster.isMaster) {! for (var i = 0; i < numCPUs; i++) {! cluster.fork();! }!! cluster.on('exit', function(worker, code, signal) {! console.log('worker ' + worker.process.pid + ' died');! });!} else {! http.createServer(function(req, res) {! res.writeHead(200);! res.end("hello world\n");! }).listen(8000);!}
In die Breite
Loadbalancer
Node Server 1 Node Server 2
Datenbank
*cloud
Hasan Anac / pixelio.de
Performance
Thomas Siepmann / pixelio.de
Performance• Kein synchroner Code
• Keine statischen Assets - z.B. Nginx einsetzen
• Den Client rendern lassen - JSON-Kommunikation
• gzip nutzen
• Binärmodule sind schneller - z.B. mySQL
Qualität
Karl-Heinz Laube / pixelio.de
jslint/jshint
npm install -g jslint !
Werkzeuge zur statischen Codeanalyse. Finden Syntaxfehler und Antipatterns.
$ jslint index.js !index.js #1 Unexpected dangling '_' in '__dirname'. app.use('/', express.static(__dirname + '/public')); // Line 9, Pos 29
Copy-Paste-Detection
npm install -g jscpd !
Findet duplizierten Quellcode im Projekt.
$ jscpd -f app.js !info: Found 7 exact clones with 70 duplicated lines in 1 files - app.js:6626 -6635 app.js:6646 -6655
Plato
npm install -g plato !
Visualisierung der Komplexität einer Applikation. Metriken: Maintainability, Lines of Code, Estimated Errors in
Implementation, Lint Errors
Testing
assert
Mocha
nodeunit
jasmine-node
uygar sanli / pixelio.de
Janina Briesemeister / pixelio.de
KONTAKT
Sebastian Springer [email protected] !Mayflower GmbH Mannhardtstr. 6 80538 München Deutschland !@basti_springer !https://github.com/sspringer82