Insert your widgets from Appearance->Widget

Blog

Firebase sort une extension Chrome : Vulcan

Voilà encore un outil d’intégration pour nos développements front !
Firebase est une plateforme de services Cloud très efficace, fournissant un système de services REST pour stocker ses données ainsi que de multiples systèmes d’authentifications à des services tiers comme Facebook, Twitter ou Google+.
Le développement front avec AngularJS est aujourd’hui fortement accéléré par l’utilisation d’une plateforme comme Firebase.
En effet, AngularJS nous permet de monter notre modèle de données via de simples appels à des « resources », autrement dit … des services REST.

Avec Angular, je peux facilement gérer mes requêtes REST de cette façon :

.factory('FriendsBase', function ($firebase, FIREBASE_URL) {
var ref = new Firebase(FIREBASE_URL + 'friends');
var friends = $firebase(ref);
var FriendsBase = {
all: friends,
create: function(friend){
return friends.$add(friend);
},
...

Il me suffit d’appeler la méthode :create de mon service Angular pour voir le résultat en base :

Le seul hic, c’est que si je dois inspecter ma base pour vérifier la bonne insertion / édition de mes données, je dois aller sur le site de Firebase et m’identifier et garder un onglet ouvert dans un coin.
Avec Vulcan, l’éditeur va nous permettre de manipuler notre base directement dans le web developper !
Voici la configuration de la base à utiliser :

Une fois connecté à la base, l’interface apparait et on peut manipuler nos données directement !

Si notre service REST est correctement utilisé, l’API Firebase effectue la synchronisation des données automatiquement, il suffit donc de mettre à jour sa base pour voir le résultat dans son application.
Ici, nous avons testé avec une application Ionic, affichée en direct via la commande « serve » ajoutée récemment aux outils de commande.

A bientôt sur les conférences ngEurope !

Written by

Front-end & mobile consultant. AngularJS & Android https://twitter.com/aboudard/