Nuxeo Tech Talk AngularJS
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Nuxeo Tech Talk AngularJS

on

  • 1,143 views

Every month, We hold a tech talk in our Paris office. This time it was about AngularJS.

Every month, We hold a tech talk in our Paris office. This time it was about AngularJS.

Statistics

Views

Total Views
1,143
Views on SlideShare
974
Embed Views
169

Actions

Likes
0
Downloads
10
Comments
0

4 Embeds 169

http://www.nuxeo.com 145
http://feedly.com 13
http://blogs.nuxeo.com 8
http://www.feedspot.com 3

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Nuxeo Tech Talk AngularJS Presentation Transcript

  • 1. / Content Management Platform For Business Applications Angular JS & Nuxeo 9/12/2013 Damien METZLER
  • 2. AngularJS & Nuxeo • Nuxeo : a small introduction • Pourquoi AngularJS ? • Une nouvelle API Rest • Un module Angular pour Nuxeo 2
  • 3. Nuxeo : small Intro 3
  • 4. Nuxeo : small intro • Plateforme de gestion documentaire open source • En Java • Designé pour être étendu • Nuxeo Studio 4
  • 5. Nuxeo : small intro 5
  • 6. Nuxeo Studio 6
  • 7. Pourquoi Angular JS ? 7
  • 8. Pourquoi Angular JS ? • L’UI de Nuxeo est développée avec JSF • L’interface customisable • Ajout de colonne • Ajout de champs dans les formulaires • Modification de la mise en page 8
  • 9. Pourquoi Angular JS ? pl om Ic eU un ! ux ve tom Je us c nt me ète 9
  • 10. Pourquoi Angular JS ? • Besoin d’un API Rest orientée ressources • Besoin d’un client Angular 10
  • 11. Une nouvelle API Rest 11
  • 12. Une nouvelle API REST • L’API automation est du type commande : • POST http://.../nuxeo/site/automation/Document.Query
 {params:{‘query’:’SELECT * FROM Book’}}" • Pas adaptée pour utiliser l’API comme des resources REST 12
  • 13. Une nouvelle API REST • Le Document est notre «First Class Resource» • L’API doit s’articuler autour de ce document • GET http://.../nuxeo/api/v1/path/default-domain/myDoc" • PUT http://.../nuxeo/api/v1/path/default-domain/myDoc" • DELETE http://.../nuxeo/api/v1/path/default-domain/myDoc" • POST http://.../nuxeo/api/v1/path/default-domain/ 13
  • 14. Un module Angular JS 14
  • 15. Un module Angular JS • Création d’un module nxSession • Permet d’injecter une session Nuxeo • Encapsule les appels à l’API • Utilise les promises si besoin 15
  • 16. Un module AngularJS 16
  • 17. Conclusion 17
  • 18. Retour d’expérience • AngularJS c’est bien (très bien même...) • De + en + d’intégration de nouveaux composants (ng-infinite...) • Claire séparation entre les responsabilités • Mais : • Nécessite du tooling (yeoman) • Ecosystème évolue très vite 18
  • 19. Retour d’expérience • Quels sont les évolutions pour le futur ? • Gérer correctement l’authentification (401 roundtrip) • Packager le module Nuxeo • Créer un générateur Yeoman • Modèle de déploiement d’app dans Nuxeo 19
  • 20. Merci ! • http://www.nuxeo.com • http://www.nuxeo.com/blog/development/2013/10/ rest-api-search-bo-adapters/ • http://github.com/nuxeo-angular-sample • @damienmetzler 20