0
/

Content Management Platform
For Business Applications

Angular JS & Nuxeo

9/12/2013 Damien METZLER
AngularJS & Nuxeo
• Nuxeo : a small introduction

• Pourquoi AngularJS ?

• Une nouvelle API Rest

• Un module Angular pou...
Nuxeo : small Intro

3
Nuxeo : small intro
• Plateforme de gestion documentaire open source

• En Java

• Designé pour être étendu

• Nuxeo Studi...
Nuxeo : small intro

5
Nuxeo Studio

6
Pourquoi Angular JS ?

7
Pourquoi Angular JS ?
• L’UI de Nuxeo est développée avec JSF

• L’interface customisable 

•

Ajout de colonne


•

Ajout...
Pourquoi Angular JS ?
pl
om
Ic
eU
un
!
ux
ve
tom
Je
us
c

nt
me
ète

9
Pourquoi Angular JS ?

• Besoin d’un API Rest orientée ressources

• Besoin d’un client Angular

10
Une nouvelle API Rest

11
Une nouvelle API REST

• L’API automation est du type commande :

•

POST http://.../nuxeo/site/automation/Document.Query
...
Une nouvelle API REST
• Le Document est notre «First Class Resource»

• L’API doit s’articuler autour de ce document

•

G...
Un module Angular JS

14
Un module Angular JS

• Création d’un module nxSession

•

Permet d’injecter une session Nuxeo


•

Encapsule les appels à...
Un module AngularJS

16
Conclusion

17
Retour d’expérience
• AngularJS c’est bien (très bien même...)

• De + en + d’intégration de nouveaux composants
(ng-infini...
Retour d’expérience
• Quels sont les évolutions pour le futur ?

•

Gérer correctement l’authentification (401 roundtrip)

...
Merci !
• http://www.nuxeo.com

• http://www.nuxeo.com/blog/development/2013/10/
rest-api-search-bo-adapters/

• http://gi...
Upcoming SlideShare
Loading in...5
×

Nuxeo Tech Talk AngularJS

993

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
993
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Nuxeo Tech Talk AngularJS"

  1. 1. / Content Management Platform For Business Applications Angular JS & Nuxeo 9/12/2013 Damien METZLER
  2. 2. AngularJS & Nuxeo • Nuxeo : a small introduction • Pourquoi AngularJS ? • Une nouvelle API Rest • Un module Angular pour Nuxeo 2
  3. 3. Nuxeo : small Intro 3
  4. 4. Nuxeo : small intro • Plateforme de gestion documentaire open source • En Java • Designé pour être étendu • Nuxeo Studio 4
  5. 5. Nuxeo : small intro 5
  6. 6. Nuxeo Studio 6
  7. 7. Pourquoi Angular JS ? 7
  8. 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. 9. Pourquoi Angular JS ? pl om Ic eU un ! ux ve tom Je us c nt me ète 9
  10. 10. Pourquoi Angular JS ? • Besoin d’un API Rest orientée ressources • Besoin d’un client Angular 10
  11. 11. Une nouvelle API Rest 11
  12. 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. 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. 14. Un module Angular JS 14
  15. 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. 16. Un module AngularJS 16
  17. 17. Conclusion 17
  18. 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. 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. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×