Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Présentation Sails @ SupInfo
Search
Sylvain PONTOREAU
March 26, 2014
Technology
0
110
Présentation Sails @ SupInfo
Présentation générale du framework
Sylvain PONTOREAU
March 26, 2014
Tweet
Share
More Decks by Sylvain PONTOREAU
See All by Sylvain PONTOREAU
aMS Lausanne - Préparez-vous à une virée intersidérale avec Azure Cosmos DB 🧑🚀
spontoreau
0
32
TypeScript - 45 minutes pour s’y mettre !
spontoreau
0
130
Event Sourcing avec Azure, quelle base de données choisir
spontoreau
0
45
Decorators in TypeScript 5.0, everything you need to know!
spontoreau
0
440
Leverage your CI/CD at the next level with Github actions
spontoreau
0
29
Commit comme un(e) "Hipster" avec Gitmoji !
spontoreau
0
130
Bird of a Feather - TypeScript (Devoxx 2022)
spontoreau
0
30
GitHub - Du besoin jusqu'à la production avec Github et Azure
spontoreau
0
25
Behavior Driven Development
spontoreau
1
240
Other Decks in Technology
See All in Technology
Wasm元年
askua
0
160
BrainPadプログラミングコンテスト記念LT会2025_社内イベント&問題解説
brainpadpr
1
170
生成AI時代 文字コードを学ぶ意義を見出せるか?
hrsued
1
660
Oracle Audit Vault and Database Firewall 20 概要
oracle4engineer
PRO
3
1.7k
How Community Opened Global Doors
hiroramos4
PRO
1
130
2年でここまで成長!AWSで育てたAI Slack botの軌跡
iwamot
PRO
4
800
監視のこれまでとこれから/sakura monitoring seminar 2025
fujiwara3
11
4k
Lambda Web Adapterについて自分なりに理解してみた
smt7174
5
130
解析の定理証明実践@Lean 4
dec9ue
1
180
OpenHands🤲にContributeしてみた
kotauchisunsun
1
480
生成AIで小説を書くためにプロンプトの制約や原則について学ぶ / prompt-engineering-for-ai-fiction
nwiizo
4
2.9k
論文紹介:LLMDet (CVPR2025 Highlight)
tattaka
0
110
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Adopting Sorbet at Scale
ufuk
77
9.4k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
How to train your dragon (web standard)
notwaldorf
94
6.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
KATA
mclloyd
30
14k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Transcript
Sails : Framework MVC pour Node.js 26 Mars 2014 -
Sup’Info Montparnasse - Sylvain PONTOREAU
Sommaire 1 - Rappel sur Node 2 - Solutions MVC
pour Node.js 4 - Sails in action 3 - Présentation de Sails 5 - Conclusion
1 - Piqure de rappel sur… … Node.js ! -
Mono-Thread asynchrone piloté par event - JavaScript (Harmony features) - Google V8 - Module HTTP - Node Package Module
2 - Les Stacks MVC … … et leur popularité
! 1.5k 2.4k 5.5k 12k Meteor Kraken
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
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
3 – Qu’y a-t-il … … dans le stack !
Waterline Grunt Windson
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
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 …
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' } };
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" }] } } ] }
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" }
4 - Socket.io … … inside ! Test dans chrome
:
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
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>
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'] } };
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
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 !
Merci… 26 Mars 2014 - Sup’Info Montparnasse - Sylvain PONTOREAU
… à tous et bon pot ! Source disponible sur GitHub ! https://github.com/Vtek/SailsDCubeExemple