JPC web

Hi,

SailsJS 0.9.16 version does not support sql associations.

Thus i'm gonna show you how to make an SQL association with Model.query and many different map function.

1. Presentation of the problem

In our exemple, we have many posts that contain many images

Images can be use by many other functionalities.

That's why we use an imagesPost table which is the link between our posts and our images

In this configuration, we cannot get our images with waterline... ImagesPost and javascript map function are the keys of our problem

2. The code

//Get all posts for the exemple Post.find().exec(function(err,posts){ //create an object arrayPosts (arrPosts for ex) arrPosts = {}; //for each (or map function) posts we add a images custom field //which contain an array <> for posts which not contain images posts.forEach(function(post) { post.images = []; arrPosts[post.id] = post; }); //sails.util.pluck runs a map function which return an ids array posts_ids = sails.util.pluck(posts,'id'); //Here we use de ImagesPost table which is the key of the relation <> //we can get the image location and the posts ip from it ImagesPost.query("select m.location,ip.post_id from imagesPost ip " + "left join media m on m.id = ip.media_id" + //Furthermore we get results from a mass ids " where post_id in (?) ",[posts_ids.join(',')],function(err,medias){ //Then we run a map function which add the medias location //with the good key into our object arrPosts medias.map(function(media){ k = media['post_id']; arrPosts[k]['images'].push(media['location']); }); //Finally we execute a done function which is a res.view done(err,arrPosts); }); });

I hope you enjoy it :)

You can contact me by the form contact

Hello! today we will see how to resize frontend side with connect-static2x in sailsJS. You can use many others packages...

1. Install and configure connect-static2x

In your terminal

npm install connect-static2x

If you use imageMagick, you have to configure the connect-static2x.js located at /node_modules/connect-static2x/lib/connect-static2x.js

//line 1 var gm = require('gm').subClass({imageMagick: true}); //for spawn error

Then you can add it to your project, in your helper file for example (old post ...)

//helper located at /config/helpers.js module.exports.express = { customMiddleware: function(app){ app.use( require("connect-static2x")("assets/", {maxSize: [1500, 1500]}) ); } };

2. Use it in view

You can try it on one of your images by adding at the end of the file name -VALxVAL to resize and -VALxVALc to crop

//resize ex < img src="/images/test/MyImage-300x300.png" alt="test image"/ > //crop ex < img src="/images/test/MyImage-500x300c.png" alt="test image"/ >

Reload your server or use supervisor > reload your browser > it works ;)

We'll go to see how to get the options res.render into sailsJS

First things first, we have a controller's action that return res.view('exemple/test',{myVar:'wantThis'}); Then we want to use 'myVar' options into one of our helpers

1. We locate the view function in order to assign options into the res.locals object

The res.view function is here: /node_modules/sails/lib/hooks/views/index.js (line 221)

//We jump to line 294 to add for example res.locals.viewParams = locals; /*viewParams is the example... You can add your own object name*/

2. Establish view

In one of our views we gonna make an helper function... testMe for example

//Choose your view(layout.ejs if you want) and add... < %= testMe(res.locals) % >

3. In your helper file

module.exports.express = { customMiddleware: function(app){ app.locals.testMe = function(locals){ console.log(locals.viewParams); //To inspect the local object into the terminal myVar = locals.viewParams.myVar || ""; return myVar; } } };

Look at your browser, it works ;)

Today we'll go to see how automatically refresh our browser on code change !!!!

This tutorial is based on mac os plateform and sailsJS's framework.

Thus we will use sailsJS (framework), supervisor (npm module to start again the server automatically) and reload (npm module to refresh browser).

1. Install supervisor and reload modules

$ npm install -g supervisor $ npm install -g reload

2. Add reload on creating server

In /node_modules/sails/lib/express/index.js

... var createServer = usingSSL ? require('https').createServer : require('http').createServer; // Use serverOptions if they were specified // Manually create http server using Express app instance if(sails.config.express.serverOptions) { sails.express.server = createServer(sails.config.express.serverOptions, sails.express.app); } else sails.express.server = createServer(sails.express.app); //call reload method here ;) JérémiePayetConsultant JPC var reload = require('reload'); reload(sails.express.server, sails.express.app,1000);

3. To load reload's script in the layout

In /views/layout.ejs

< script src="/reload/reload.js" >< /script >

4. To change get method by use method into reload.js

In /node_modules/reload/lib/reload.js

expressApp.get(...) > expressApp.use(...)

5. Start your server with supervisor, ignore tmp and git folders

$ supervisor -i .tmp,.git app.js

Change your code and look at your browser, it works ;)

Aujourd'hui nous allons voir comment récupérer une saisie clavier (keystroke) sans avoir à appuyer sur entrer en c++ (mode terminal). Dans cette démonstration, nous travaillons sur mac OS X 10.9.x

Mise en situation

//iostream est inclus... using namespace std; int main(int argc,char *argv[]){ //Toutes les saisies sont directement envoyées à stdin system("/bin/stty raw"); //On récupère le code de la saisie int c = getchar(); //Affichage du code cout << c << endl; return 0; }

Aujourd'hui nous allons travailler sur la disponibilité des attributs dans nos models Notre cas d'étude se portera sur le model User En effet, ce model contient des informations confidentielles tel que les mots de passes, etc... Pour cela, nous allons nous rendre dans notre model situé dans api/models/User.js

Dans cette séquence, nous verrons 2 possibilités pour afficher/cacher des attributs

Mise en situation

Pour jouer avec nos attributs, nous allons surcharger la méthode toJSON depuis l'objet attributes

module.exports = { attributes: { username: 'string', password: 'string', toJSON: function(){ //Notre code ici } }, };

1. Suppression d'attributs

La première méthode consiste à supprimer les attributs de notre objet avant de le retourner

module.exports = { attributes: { username: 'string', password: 'string', toJSON: function(){ var obj = this.toObject(); delete obj.password; return obj; } }, };

depuis l'url '/user', vous aurez toutes vos données excepté password

2. Selection d'attributs

Dans cette seconde méthode, nous retournons un objet contenant les champs qui nous interessent

module.exports = { attributes: { username: 'string', password: 'string', toJSON: function(){ var obj = this.toObject(); return { username: obj.username, createdAt: obj.createdAt }; } }, };

SailsJS supporte un grand nombre de base de données grâce à son ORM waterline.

Un ORM (Object-Relational Mapping) est grosso modo un ensemble d'outils transformant une table en un objet manipulable via ses attributs.

Il existe donc autant de connexions, vers des bases de données, que d'adapters développés.

Waterline permet une connexion vers PostgreSQL, MongoDB, memory, disk & MySQL.

Vous pouvez, bien entendu, créer vos propres adapters.

Par défaut, sailsJS utilise l'adapter disk et sauvegarde toutes vos données dans un fichier situé dans ./tmp

Pour en revenir sur notre connexion MySQL

1. Connexion avec MySQL

Vous devez tout d'abord installer l'adapter mysql:

npm install sails-mysql

2. Configurer votre connexion

Dans votre fichier adapters.js situé dans ./config/

module.exports.adapters = { 'default': 'mysql', /*disk: { module: 'sails-disk' },*/ mysql: { module: 'sails-mysql', host: 'localhost', user: 'root', password: '', port: '3306', database: 'NOMDEVOTREBASE' } };

Bonjour à tous,

Aujourd'hui je vais vous présenter les policies dans sailsJS

Policies... c'est quoi ?

Les policies sont des fonctions, controles d'accès, executés avant nos controllers. Par défault, sailsJS crée un fichier policy nommé isAuthenticated.js et disponible dans ./api/policies/. Un autre fichier policies.js est situé dans ./config. Ce dernier est utilisé pour configurer nos policies présent dans l'api

Définissons un petit bout de code pour nos policies dans l'api

Pour cela, nous reprenons l'exemple de l'utilisateur connecté / non connecté

Le code suivant autorise l'accès à un utilisateur connecté:

module.exports = function(req, res, next) { if (req.session.userid) { return next(); } return res.forbidden('You are not permitted to perform this action.'); };

Dans notre fichier de configuration policies.js (code commenté):

module.exports.policies = { '*': true, //Nous definissons les accès pour notre controller UserController UserController:{ //Toutes les méthodes du controller ont un accès protégé //par notre policy isAuthenticated dispo dans l'api '*':'isAuthenticated', //On surcharge l'accès en autorisé //pour les attributs login & logout 'login': true, //si vous mettez l'attribut à false, vous aurez le droit //à un joli forbidden 'logout': true } };

D'autres configurations peuvent être utilisées et je vous laisse le soin des les experimenter.

Bonjour à tous,

Comme promis, je vais vous montrer comment editer un helper utilisable dans vos vues ejs avec le framework sailsJS.

Pour cela nous allons, par exemple, imaginer vouloir récuperer le nom de notre utilisateur en cours.

1. Dans notre fichier monHelper.js, localisé dans ./config

module.exportsmodule.exports.express = { //Definition d'une fonction middleware ayant pour paramètre notre app customMiddleware: function(app){ //La methode app.locals est issue d'expressJS, //elle est distribuée dans toutes les vues app.locals.userInfos = function(id){ var userI; //On recherche l'utilisateur par son id //On récupère son username User.findOneById(id,function(err,user){ userI = user.username; }); return userI; } } };

2. Dans l'une de nos vues

<%= userInfos(req.session.userid) %>

Et voila...

Vous pouvez désormais créer une multitude de helpers :)