Expressjs basic to advance, power by Node.js
26 likes4,455 views
The document provides a detailed overview of using Express.js, including basic commands, middleware usage, and folder structure for applications. It also explains request and response handling, including reading parameters, headers, and rendering responses. Additional resources and references for further learning about Express.js are included.
![• run express cli
• express [-option] [application_name]
Basic
Thursday, September 5, 13](https://image.slidesharecdn.com/nodeexpressbasicdeep-130905212604-/85/Expressjs-basic-to-advance-power-by-Node-js-19-320.jpg)
![• run express cli
• express [-option] [application_name]
Basic
Thursday, September 5, 13](https://image.slidesharecdn.com/nodeexpressbasicdeep-130905212604-/85/Expressjs-basic-to-advance-power-by-Node-js-20-320.jpg)
![• run express cli
• express [-option] [application_name]
Basic
Thursday, September 5, 13](https://image.slidesharecdn.com/nodeexpressbasicdeep-130905212604-/85/Expressjs-basic-to-advance-power-by-Node-js-21-320.jpg)
Expressjs basic to advance, power by Node.js
- 1. from basic to middle clonnhttp://about.me/clonn Expressjs Thursday, September 5, 13
- 3. • node • npm • git • grunt.js (optional) Material Thursday, September 5, 13
- 4. • http://expressjs.com • https://github.com/visionmedia/express/wiki Thursday, September 5, 13
- 5. • npm install -g express • maybe you will use “sudo” • make express work well Basic Thursday, September 5, 13
- 6. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • -c (css) • -h (call help) • -v (version) • -s (session) Basic Thursday, September 5, 13
- 7. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • -c (css) • -h (call help) • -v (version) • -s (session) Basic Thursday, September 5, 13
- 8. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • -c (css) • -h (call help) • -v (version) • -s (session) Basic Thursday, September 5, 13
- 9. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • -c (css) • -h (call help) • -v (version) • -s (session) Basic Thursday, September 5, 13
- 10. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • jade (as default) Basic Thursday, September 5, 13
- 11. • express as cli • -e (ejs), -j (jshtml), -H (hogan) • jade (as default) Basic They are Template engine Thursday, September 5, 13
- 12. • Why need template engine? Basic Thursday, September 5, 13
- 13. • Why need template engine? Basic •user-data •cargo-list •cache-store Thursday, September 5, 13
- 14. • Why need template engine? Basic •user-data •cargo-list •cache-store Thursday, September 5, 13
- 15. • Why need template engine? Basic •user-data •cargo-list •cache-store We need Template engine Thursday, September 5, 13
- 16. We need Template engine MVC (i hate u) Because Thursday, September 5, 13
- 17. • express as cli • -css (default css) • stylus (as default) Basic Thursday, September 5, 13
- 18. • express as cli • -css (default css) • stylus will compile to pure CSS in static folder Basic Thursday, September 5, 13
- 19. • run express cli • express [-option] [application_name] Basic Thursday, September 5, 13
- 20. • run express cli • express [-option] [application_name] Basic Thursday, September 5, 13
- 21. • run express cli • express [-option] [application_name] Basic Thursday, September 5, 13
- 22. • run express cli Basic Thursday, September 5, 13
- 23. • run express cli Basic Thursday, September 5, 13
- 24. • run express cli Basic Thursday, September 5, 13
- 25. • run express cli Basic Thursday, September 5, 13
- 26. Now you know Express-cli as well Thursday, September 5, 13
- 27. • folder structure Content Thursday, September 5, 13
- 28. • folder structure Content npm package config Thursday, September 5, 13
- 29. • folder structure Content init file (app.js) Thursday, September 5, 13
- 30. • folder structure Content static folder Thursday, September 5, 13
- 31. • folder structure Content route setting Thursday, September 5, 13
- 32. • folder structure Content view folder Thursday, September 5, 13
- 33. it is basic Express folder structure Thursday, September 5, 13
- 34. • Setting in Express • app.listen Middle Thursday, September 5, 13
- 35. • Setting in Express • app.configure Middle read environment variable Thursday, September 5, 13
- 36. • Setting in Express • app.set, app.get • app.enable, app.disable Middle http://expressjs.com/api.html#app-settings Thursday, September 5, 13
- 37. • Setting in Express • app.use Middle middleware route view Thursday, September 5, 13
- 38. • Setting in Express • app.use Middle middleware route view app.use, will execute every route Thursday, September 5, 13
- 39. • Setting in Express • app.get, • app.post, • app.delete, • app.update Middle middleware route view Thursday, September 5, 13
- 40. • Setting in Express • app.all • app.get, • app.post, • app.delete, • app.update Middle middleware route view Thursday, September 5, 13
- 41. • Setting in Express • app.locals Middle •user-data •cargo-list •cache-store if those parameters are default Thursday, September 5, 13
- 42. it is middleware Express app original method Thursday, September 5, 13
- 43. • req get parameter • req.params Request id = 3 Thursday, September 5, 13
- 44. • req get parameter • req.query Request getId = 30 Thursday, September 5, 13
- 45. • req get parameter • req.body Request Thursday, September 5, 13
- 46. • req get parameter • req.body Request Thursday, September 5, 13
- 47. • req get parameter • req.files Request Thursday, September 5, 13
- 48. • req get cookie • req.cookies (read cookie) Request Thursday, September 5, 13
- 49. • 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 Thursday, September 5, 13
- 50. • req about HEADER (read only) • req.xhr Request Thursday, September 5, 13
- 51. • req about HEADER (read only) • req.xhr Request Thursday, September 5, 13
- 52. • req about HEADER (read only) • req.xhr Request Thursday, September 5, 13
- 53. Request is READ only in ExpressJS Thursday, September 5, 13
- 54. • res about HEADER • res.status (res.statusCode) Response (code only) Thursday, September 5, 13
- 55. • res about HEADER • res.clearCookie Response Thursday, September 5, 13
- 56. • res about HEADER • res.set, res.header Response Thursday, September 5, 13
- 57. • res about parameters • res.locals (app.locals is different) Response life cycle is only in url period. Thursday, September 5, 13
- 58. • res client render • res.redirect Response Thursday, September 5, 13
- 59. • res client render • res.json, res.send Response HEADER: application/json Thursday, September 5, 13
- 60. • res client render • res.download Response Thursday, September 5, 13
- 61. • res client render • res.render Response Thursday, September 5, 13
- 62. Response write data in Express Thursday, September 5, 13
- 63. more? Thursday, September 5, 13
- 65. cross domain access http://stackoverflow.com/questions/11181546/node-js-express-cross-domain-scripting Thursday, September 5, 13
- 66. co-work with angularjs https://github.com/btford/angular-socket-io-im Thursday, September 5, 13
- 68. express 4.x roadmap. https://github.com/visionmedia/express/wiki/4.x-roadmap Thursday, September 5, 13
- 69. Q & A? Thursday, September 5, 13
- 73. http://nodeknockout.nodejs.tw/ 2013/Nov/8 - 10 Thursday, September 5, 13