MEAN February. techdt.la

Transcription

1 MEAN February techdt.la

2 MEAN Stack Similar to Ruby on Rails & LAMP, for JavaScript Cohesive stack with Front End, Middleware & Backend Tools to help get started Little less magic than rails And much more! We re focusing on N & E

3 Node.JS Server side JavaScript Single threaded model Traditionally run in single-user environment, like the browser With improved hardware, good for multi-user environments too Embraces event-driven programming

4 JavaScript Functional language Variables have global and function scope Closure: a function referencing variables declared outside it s scope JavaScript engines (v8) associate variable state with function execution A closure with state + function definition (code) is an event on the event queue

5 HTTP function loadwidget( req,res,next){ // New event var widgetid= req.body.widgetid; Widgets.findOne( {_id:widgetid} ).exec( function( err,widget){ if(err){ return next( err); } // New Event req.widget= widget; } ); } Non-Blocking I/O Async Calls Event Queue Push Event Request Query Callback Pop Event Event Loop

6 express.js Un-opinionated middleware framework Middleware processes HTTP requests and returns HTTP responses Provides request/response wrappers, a nice processing chain, and error handling MEAN provides the opinions :)

7 Mean Setup $ npm update -g npm $ npm update -g grunt-cli $ npm cache clear $ bower cache clean $ mean init techdt.la-mean1? What would you name your mean app? techdt.la-mean1 Do not choose gulp!? Do you prefer grunt or gulp as a taskrunner? grunt? Which mean packages would you like to install? Cloning branch: master into destination folder: techdt.la-mean1 Cloning into 'techdt.la-mean1'... Finished clone t t t@@%ss%xs@@s@x88x 8XtSS88.;::::8t.8t.:8S88X8:.8t@888 ;t8.8 8 :8%;.8:;8t.;8S88; tt@8;;;. ::... :;::..::8% 8::8;X88%; X8;t;8 :XSXXS@t8 :8;.8t88 8;: 8t8t ;;::. :8:XSXXS8 :. 8%; ;: 8.8%;:S@t X.8 :. XXXSXSS88 :..88 :XSXXSXS%.:8t:8. ::XXSX%XXS8:.;.;t. X% 8::.8@X 88;::8 SXXS@@%XX88;88.t; 88t.:@%8 %;:8 :XSX@..8SSS :@ S.t St.8;%@ %:.::XXSXXt:@XSS S X 8 8..;.8; 8SS8 :XSXX%;8@@XXS :;.; 8.8;8 ; :S: :8:XXX;. ;XSX 8:8t XSXX%:;:;XX 8..:. 88t.8% X: :;:XXSXS;8 88t ;:8t.8 8t.8S@: t.:8 SXSX%...S S%:8% 8 ::8% 88; :8888@8.::88.8% :8888t8;;;@ :@@@t88 t :8. :.: S8Xt. ;t8s8@@8. ::8;8;8% :tx88@%.8 ;:.@8@%88 ; ;@88@t8;: ;;8S88S;8%888;8 ;::ts88 t8 pwd:/techdt.la/meanfebruary/techdt.la-mean1 cp: dest file already exists: Gruntfile.js install dependencies: $ cd techdt.la-mean1 && npm install run the app: $ grunt Extra Docs at Version: cloned git remote upstream set Grab version and clean repo: $ git tag -l $ git checkout tags/v0.4.2 $ rm -Rf./.git $ git init Initialized empty Git repository in /techdt.la/ MeanFebruary/techdt.la-mean01/.git/ $ git remote add upstream linnovate/mean.git $ git remote add origin timfulmer/techdt.la-mean01.git $ git remote -v origin (fetch) origin (push) upstream (fetch) upstream (push) And the initial push: $ git add. $ git commit -m "Initial commit." -a $ git push -u origin master

8 $ npm install $ mean package widgets $ tree./packages/custom/widgets/./packages/custom/widgets/ README.md app.js bower.json package.json public assets css widgets.css img logo.png controllers widgets.js directives routes widgets.js services widgets.js views index.html server config controllers models routes widgets.js views index.html 15 directories, 12 files $ grunt

9 Widgets & Doodads widget.js 'use strict'; var mongoose = require('mongoose'), Schema = mongoose.schema; var WidgetSchema=new Schema({ name:{ type:string, required: true }, doodads:{ type:[schema.objectid], ref:'doodad' mongoose.model('widget',widgetschema); doodad.js 'use strict'; var mongoose = require('mongoose'), Schema = mongoose.schema; var DoodadSchema=new Schema({ name:{ type:string, required:true mongoose.model('doodad',doodadschema); app.post('/api/v1/widgets', widgets.createwidget, widgets.createdoodads, widgets.associatewidgetdoodads); widgets.js 'use strict'; var create=require('../actions/create'), _=require('lodash'), mongoose=require('mongoose'), Widget=mongoose.model('Widget'), Doodad=mongoose.model('Doodad'); exports.createwidget=function(req,res,next){ new Widget(req.body.widget).save(function(err,widget){ if(err){ return next(err); req.widget=widget; next(); }; exports.createdoodads=function(req,res,next){ req.doodads=[]; _.foreach(req.body.doodads,function(doodad){ new Doodad(doodad).save(function(err,doodad){ if(err){ return next(err); req.doodads.push(doodad); return next(); }; exports.associatewidgetdoodads=function(req,res){ req.widget.doodads=_.map(req.doodads,function(doodad){ return doodad._id; req.widget.save(function(err,widget){ res.json(widget); };

10 Promises create.js (continued) create.js 'use strict'; var _=require('lodash'), bb=require('bluebird'), mongoose=require('mongoose'), Widget=mongoose.model('Widget'), Doodad=mongoose.model('Doodad'); function createdoodad(options){ function createdoodadpromise(resolve,reject){ new Doodad(options.doodad).save(function(err,doodad){ if(err){ return reject(err); options.doodad=doodad; resolve(options); return new bb(createdoodadpromise); function createwidget(options){ function createwidgetpromise(resolve,reject){ new Widget(options.widget).save(function(err,widget){ if(err){ return reject(err); options.widget=widget; resolve(options); return new bb(createwidgetpromise); } exports.create=function(options){ var promises=[]; _.foreach(options.doodads,function(doodad){ promises.push(createdoodad({doodad:doodad})); return bb.all(promises).then( function(optionslist){ options.widget.doodads= _.map(optionslist, function(options){ return options.doodad._id; } ); return options; ).then( createwidget ); }; widgets.js exports.create=function(req,res){ create.create( {widget:req.body.widget,doodads:req.body.doodads ).then( function(options){ res.json(options.widget); ); }; app.post('/api/v2/widgets',widgets.create);

11 Testing v1 Testing curl -4 -H "Content-Type: application/json" -d '{"doodads":[{"name":"superdoodad"}],"widget": {"name":"wonderwidget"}}' {" v":1,"name":"wonderwidget","_id":"54e54d319ff2ecaf0f99305d","doodads":[]} v2 Testing curl -4 -H "Content-Type: application/json" -d '{"doodads":[{"name":"superdoodad"}],"widget": {"name":"wonderwidget"}}' {" v":0,"name":"wonderwidget","_id":"54e c1e2081e9d","doodads":["54e5174d528750c1e2081e9c"]}