Your SlideShare is downloading. ×
0
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Nuxeo Tech Talk AngularJS
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Nuxeo Tech Talk AngularJS

983

Published on

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.

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
983
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

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

×