![First Express App
10
var express = require('express');
var app = express();
app.get('/', function (request, response) {
response.send('Welcome to Express!');
});
app.get('/customer/:id', function (req, res) {
res.send('Customer requested is ' + req.params['id']);
});
app.listen(3000);](https://image.slidesharecdn.com/expressjs-160109052848/85/Express-js-10-320.jpg)
Express js
- 1. ExpressJS Web development with ExpressJS Learning & Development
- 2. Table of Contents 1. Connect for NodeJS 2. ExpressJS 3. Views and layout 4. Working with Data 5. Common and Advanced Scenarios 2
- 3. node.js • Event-Driven, Asynchronous IO, Server-Side JavaScript library in C • Open Source • Available on • Windows • Service • Under IIS (iisnode) • *nix systems • As a service • Azure • Heroku 3
- 4. NodeJS Web Server • Basic server implementation 4 var http = require('http'); http.createServer(function(req, res) { res.writeHead(200, { 'Content-Type': 'text/plain' }); //return success header res.write('My server is running! ^_^'); //response res.end(); //finish processing current request }).listen(1234);
- 5. Connect for NodeJS • Connect is a middleware framework for node • Built on top of node’s Http Server • http://www.senchalabs.org/connect/ 5 var connect = require('connect'); var app = connect() .use(connect.logger('dev')) .use(connect.static('public')) .use(function(req, res){ res.end('hello worldn'); }) http.createServer(app).listen(3000); $ npm install connect
- 6. Connect Middleware • Request Processing Pipeline 6 ResponseRequest Middleware (logging, authentication, etc.)
- 7. Connect for NodeJS – Example • Custom middleware function for connect 7 var connect = require('connect'), util = require('util'); var interceptorFunction = function(request, response, next) { console.log(util.format('Request for %s with method %s', request.url, request.method)); next(); }; var app = connect() // .use('/log', interceptorFunction) .use(interceptorFunction) .use(function onRequest(request, response) { response.end('Hello from Connect!'); }).listen(3001);
- 8. Express.js • Adds functionality to Connect • Built on top of Connect Middleware • Request / Response enhancements • Routing • View Support • HTML Helpers • Content Negotiation • Exposes Connect Middleware 8
- 10. First Express App 10 var express = require('express'); var app = express(); app.get('/', function (request, response) { response.send('Welcome to Express!'); }); app.get('/customer/:id', function (req, res) { res.send('Customer requested is ' + req.params['id']); }); app.listen(3000);
- 11. Demo: Creating Express Applications • Simple ExpressJS application and "nodemon" • Create routes and require() them • Pass parameters • Configure and middleware
- 12. Views in ExpressJS • User Interface • Based on Templates • Support for multiple View Engines • Jade, EJS, JSHtml, . . . • Default is Jade • http://jade-lang.com 12 app.get('/', function (req, res) { res.render('index'); });
- 13. Views in ExpressJS – Example 13 var express = require('express'), path = require('path'); var app = express(); app.configure(function () { app.set('views', __dirname + '/views'); app.set('view engine', 'jade'); app.use(express.static(path.join(__dirname, 'public'))); }); app.get('/', function (req, res) { res.render('empty'); }); app.listen(3000); doctype html(lang="en") head title Welcome to this emtpy page body
- 14. Demo: Views in ExpressJS • Show simple views in ExpressJS • Jade syntax examples • Layouts and blocks • Stylus
- 15. Working with Data • Pass data to the views • Read data from the views (bodyParser) • Read and send files • Data for all views 15 res.render('index', { title: 'Customer List' }); res.render('index', { title: 'Customer List' }); var filePath = req.files.picture.path; // ... res.download(filePath); res.sendfile(filePath); app.locals.clock = { datetime: new Date().toUTCString()};
- 16. Demo: Working with data • Pass data to views (customer.index) • Submit data from views (customer.create) • Content negotiation (customer.details) • Upload files (customer.create) • Helpers (app.locals)
- 17. Demo: Advanced Scenarios • Cookies • Sessions • Custom middleware • Authentication and authorization 17
- 18. Next Steps • Express.js Samples • https://github.com/visionmedia/express • Database Support • MS SQL • CouchDB • PostgreSQL • Redis • Socket.io • Real-time support 18
- 19. Next Steps (2) • Search on npm.org before you re-invent the wheel • Express is Lightweight Framework and Fast to work with • Testing is not optional • Mocha • JavaScript can get messy 19
Editor's Notes
- #3: (c) 2007 National Academy for Software Development - http://academy.devbg.org. All rights reserved. Unauthorized copying or re-distribution is strictly prohibited.*