Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Présentation Sails @ SupInfo

9298dcce5b2b0e88d8ffbb837192ca98?s=47 Sylvain Pontoreau
March 26, 2014
Technology
0
57

Présentation Sails @ SupInfo

Présentation générale du framework

9298dcce5b2b0e88d8ffbb837192ca98?s=128

Sylvain Pontoreau

March 26, 2014
Tweet

More Decks by Sylvain Pontoreau

See All by Sylvain Pontoreau
9298dcce5b2b0e88d8ffbb837192ca98?s=48 spontoreau
0
77
9298dcce5b2b0e88d8ffbb837192ca98?s=48 spontoreau
0
3
9298dcce5b2b0e88d8ffbb837192ca98?s=48 spontoreau
1
98
9298dcce5b2b0e88d8ffbb837192ca98?s=48 spontoreau
0
5
9298dcce5b2b0e88d8ffbb837192ca98?s=48 spontoreau
2
83
9298dcce5b2b0e88d8ffbb837192ca98?s=48 spontoreau
0
180
9298dcce5b2b0e88d8ffbb837192ca98?s=48 spontoreau
0
48
9298dcce5b2b0e88d8ffbb837192ca98?s=48 spontoreau
0
86
9298dcce5b2b0e88d8ffbb837192ca98?s=48 spontoreau
1
14

Other Decks in Technology

See All in Technology
569f10721398d92f5033097ac6d9132c?s=48 thockin
3
890
Dcbf2269af2483cabf43128ad1718c11?s=48 grapecity_dev
0
130
8b0e9a3684bd29ecece29db2582e38ae?s=48 norioikedo
0
210
93c80c388fe9d8f9df7d030549a0ff0b?s=48 chaspy
6
1.2k
Cc568a0b1284645f9fb927b2343eb87e?s=48 youtalk
0
350
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
130
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
0
170
9c733dc2d65e7dcce91fa62be8bbb2ee?s=48 buildersbox
0
190
A1391fea7feb81a26c333c05f831dbf3?s=48 tosh2230
3
200
C0c0e8e4d7f83912cb1b1a0699df82a5?s=48 miyakemito
1
570
1bfc6e2ed04a895bb36f36b86828b689?s=48 110y
1
11k
96f06c7c9af1405aa0f0e4102b2812be?s=48 iwashi86
53
23k

Featured

See All Featured
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
10
500
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
93
14k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
31
3.4k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
20
700
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
53
3.5k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
27
2k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
56
9.4k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
610
54k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
73
7.5k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
342
26k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
18
1.2k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
188
14k

Transcript

  1. Sails : Framework MVC pour Node.js 26 Mars 2014 -

    Sup’Info Montparnasse - Sylvain PONTOREAU

  2. Sommaire 1 - Rappel sur Node 2 - Solutions MVC

    pour Node.js 4 - Sails in action 3 - Présentation de Sails 5 - Conclusion

  3. 1 - Piqure de rappel sur… … Node.js ! -

    Mono-Thread asynchrone piloté par event - JavaScript (Harmony features) - Google V8 - Module HTTP - Node Package Module

  4. 2 - Les Stacks MVC … … et leur popularité

    ! 1.5k 2.4k 5.5k 12k Meteor Kraken

  5. 3 - Présentation de … … Sails.js ! - Conçu

    par et pour les développeurs - Orienté application d’entreprise - Affinité pour les données - Inspiré par Ruby on Rails - Idéal pour les applications temps réel

  6. 3 – Caractéristiques … … techniques ! - Convention over

    Configuration - Stack RoR Like - Automatic Rest Back-end - ORM inside (Waterline) - Database Adapter - Action sur requête HTTP et WebSocket - Gestion des accès - Asset bundling - Sails CLI

  7. 3 – Qu’y a-t-il … … dans le stack !

    Waterline Grunt Windson

  8. 4 - Sails in … … action ! Installation npm

    install sails -g Créer un projet sails new myNewProject cd myNewProject npm update Lancer l’application sails lift

  9. 4 - Définition d’un … … modèle ! sails generate

    person Person.js : module.exports = { attributes : { } }; attributes: { name : 'STRING', age : { type : 'INTEGER', required : true }, birthDate : 'DATE' } Types disponibles : string, text, integer, float, date, time, datetime, boolean, binary, array, json Validateurs disponibles : empty, required, email, url, ip, notNull, regex, contains, minLength, maxLength …

  10. 4 – Configuration … … des adapters Waterline ! npm

    install sails-mongo --save config/adapter.js : module.exports.adapters = { default : 'mongo', mongo : { module : 'sails-mongo', host : 'localhost', port : 27017, user : 'username', password : 'password', database : 'Person' } };

  11. 4 – Automatic … … Rest Backend ! Requête POST

    valide => { "name" : "sylvain", "age" : "30" , "birthDate" : “05/28/1983" } Response : { "name": "sylvain", "age": 30, "birthDate": "05/28/1983", "createdAt": "2014-03-24T10:11:46.358Z", "updatedAt": "2014-03-24T10:11:46.358Z", "id": "533004e24510daf41d7de305" } Requête POST non valide => { "name" : "sylvain", "age" : “30" , "birthDate" : “pasundate" } Response : { "status": 500, "errors": [{ "ValidationError": { "birthDate": [ { "data": "pasundate", "message": "Validation error: \"pasundate\" is not of type \"date\"", "rule": "date" }] } } ] }

  12. 4 – Automatic … … Rest Backend ! Requête GET

    => http://localhost:1337/Person Response : [ { "name": "sylvain", "age": 30, "birthDate": "05/28/1983", "createdAt": "2014-03-24T10:11:46.358Z", "updatedAt": "2014-03-24T10:11:46.358Z", "id": "533004e24510daf41d7de305" }, { "name": "bill", "age": 58, "birthDate": "10/28/1955", "createdAt": "2014-03-24T10:29:45.131Z", "updatedAt": "2014-03-24T10:29:45.131Z", "id": "533009194510daf41d7de306" }, … ] Requête GET => http://localhost:1337/Person?name=sylvain Response : { "name": "sylvain", "age": 30, "birthDate": "05/28/1983", "createdAt": "2014-03-24T10:11:46.358Z", "updatedAt": "2014-03-24T10:11:46.358Z", "id": "533004e24510daf41d7de305" }

  13. 4 - Socket.io … … inside ! Test dans chrome

    :

  14. 4 - Création d’un contrôleur … et ses actions !

    PersonController.js : module.exports = { _config: {} }; module.exports = { getAll : function(req, res){ Person.find().exec(function(err, data){ res.render('person/getAll', {persons : data}) }); }, _config: {} }; config/routes.js : module.exports.routes = { '/': { view: 'home/index' }, '/persons' : { controller : 'PersonController', action : 'getAll' } }; sails generate person

  15. 4 - Les vues … … avec EJS ! views/layout.ejs

    : <!DOCTYPE html> <html> <head> <title><%- title %></title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> </head> <body> <%- body %> <script type="text/javascript" src="/js/socket.io.js"></script> <script type="text/javascript" src="/js/sails.io.js"></script> <script type="text/javascript" src="/js/app.js"></script> </body> </html> views/person/getAll.ejs : <ul> <% for(var i=0; i < persons.length; i++) {%> <li> <%= persons[i].name %> - <%= persons[i].age %> - <%= persons[i].birthDate %> </li> <% } %> </ul>

  16. 4 – Policies … … et contrôle des accès !

    api/policies/isAuthenticated.js : module.exports = function(req, res, next) { if (req.session.authenticated) { return next(); } return res.forbidden('You are not permitted to perform this action.'); }; config/policies.js : module.exports.policies = { //'*': true, PersonController: { '*': false, getAll : 'isAuthenticated', otherFunction : ['isAuthenticated', 'isAdmin'] } };

  17. 4 – Grunt … … et l’asset bundling gruntfile.js :

    module.exports = function (grunt) { grunt.initConfig({ concat : { dist : { src : 'asserts/js/*.js', dest : 'asserts/js/myApp.js' } }, uglify : { dist : { src : '<%= concat.dist.dest %>', dest : 'public/js/myApp.min.js' } } }); … } gruntfile.js : grunt.loadNpmTasks('grunt-contrib-concat'); grunt.loadNpmTasks('grunt-contrib-concat'); grunt.registerTask('default', ['concat' , 'uglify' ]); grunt

  18. 5 – Conclusion … - Un Framework MVC efficace -

    Nombreuses features out of the box - ORM adaptable - Développement de Backend in no time ! - Essayez le ! … le poulpe c’est bon, mangez en !

  19. Merci… 26 Mars 2014 - Sup’Info Montparnasse - Sylvain PONTOREAU

    … à tous et bon pot ! Source disponible sur GitHub ! https://github.com/Vtek/SailsDCubeExemple