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

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