Expressjs basic to advance, power by Node.js

from basic to middle

clonnhttp://about.me/clonn

Expressjs

Thursday, September 5, 13

http://about.me/clonn

http://about.me/clonn

Caesar Chi

clonncdThursday, September 5, 13

• node

• npm

• git

• grunt.js (optional)

Material


• http://expressjs.com

• https://github.com/visionmedia/express/wiki


http://expressjs.com

http://expressjs.com

• npm install -g express

• maybe you will use “sudo”

• make express work well

Basic


• express as cli

• -e (ejs), -j (jshtml), -H (hogan)

• -c (css)

• -h (call help)

• -v (version)

• -s (session)

Basic


• express as cli


• -c (css)

• -h (call help)

• -v (version)

• -s (session)

Basic


• express as cli


• -c (css)

• -h (call help)

• -v (version)

• -s (session)

Basic


• express as cli


• -c (css)

• -h (call help)

• -v (version)

• -s (session)

Basic


• express as cli


• jade (as default)

Basic


• express as cli


• jade (as default)

Basic

They are Template engine


• Why need template engine?

Basic



Basic

•user-data•cargo-list•cache-store



Basic




Basic

•user-data•cargo-list•cache-store We need Template engine


We need Template engine

MVC (i hate u)

Because


• express as cli

• -css (default css)

• stylus (as default)

Basic


• express as cli

• -css (default css)

• stylus will compile to pure CSS in static folder

Basic


• run express cli

• express [-option] [application_name]

Basic


• run express cli


Basic


• run express cli


Basic


• run express cli

Basic


• run express cli

Basic


• run express cli

Basic


• run express cli

Basic


Now you know Express-cli

as well


• folder structure

Content



Content

npm package config



Content

init file (app.js)



Content

static folder



Content

route setting



Content

view folder


it is basic Express

folder structure


• Setting in Express

• app.listen

Middle



• app.configure

Middle

read environment variable



• app.set, app.get

• app.enable, app.disable

Middle

http://expressjs.com/api.html#app-settings





• app.use

Middle

middleware

route

viewThursday, September 5, 13


• app.use

Middle

middleware

route

view

app.use, will execute every route



• app.get,

• app.post,

• app.delete,

• app.update

Middle

middleware

route



• app.all

• app.get,

• app.post,

• app.delete,

• app.update

Middle

middleware

route



• app.locals

Middle


if those parameters are default


it is middleware Express

app original method


• req get parameter

• req.params

Request

id = 3



• req.query

Request

getId = 30



• req.body

Request



• req.body

Request



• req.files

Request


• req get cookie

• req.cookies (read cookie)

Request


• req about HEADER (read only)

• req.get, req.header

• req.is

• req.ip, req.ips

• req.host (req.subdomains)

• req.protocol, (req.secure -> 'https' == req.protocol;)

Request



• req.xhr

Request



• req.xhr

Request



• req.xhr

Request


Request is READ only

in ExpressJS


• res about HEADER

• res.status (res.statusCode)

Response

(code only)



• res.clearCookie

Response



• res.set, res.header

Response


• res about parameters

• res.locals (app.locals is different)

Response

life cycle is only in url period.


• res client render

• res.redirect

Response



• res.json, res.send

Response

HEADER: application/json



• res.download

Response



• res.render

Response


Response write datain Express


more?


change middlewarehttps://github.com/visionmedia/express/wiki


https://github.com/visionmedia/express/wiki

https://github.com/visionmedia/express/wiki

cross domain accesshttp://stackoverflow.com/questions/11181546/node-js-express-cross-domain-scripting


http://stackoverflow.com/questions/11181546/node-js-express-cross-domain-scripting

http://stackoverflow.com/questions/11181546/node-js-express-cross-domain-scripting

co-work with angularjshttps://github.com/btford/angular-socket-io-im


https://github.com/btford/angular-socket-io-im

https://github.com/btford/angular-socket-io-im

future!!!


express 4.x roadmap.https://github.com/visionmedia/express/wiki/4.x-roadmap


https://github.com/visionmedia/express/wiki/4.x-roadmap

https://github.com/visionmedia/express/wiki/4.x-roadmap

Q & A?


Advertising


http://nodejs.tw/Thursday, September 5, 13

http://nodejs.tw/

http://nodejs.tw/

http://book.nodejs.tw/Thursday, September 5, 13

http://book.nodejs.tw/

http://book.nodejs.tw/

http://nodeknockout.nodejs.tw/

2013/Nov/8 - 10




News & Politics

Expressjs basic to advance, power by Node.js