nuxeo tech talk angularjs
DESCRIPTION
Every month, We hold a tech talk in our Paris office. This time it was about AngularJS.TRANSCRIPT
![Page 1: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/1.jpg)
Content Management PlatformFor Business Applications
9122013 Damien METZLER
Angular JS amp Nuxeo
AngularJS amp Nuxeo
2
bull Nuxeo a small introduction
bull Pourquoi AngularJS
bull Une nouvelle API Rest
bull Un module Angular pour Nuxeo
Nuxeo small Intro
3
Nuxeo small intro
4
bull Plateforme de gestion documentaire open source
bull En Java
bull Designeacute pour ecirctre eacutetendu
bull Nuxeo Studio
Nuxeo small intro
5
Nuxeo Studio
6
Pourquoi Angular JS
7
Pourquoi Angular JS
8
bull LrsquoUI de Nuxeo est deacuteveloppeacutee avec JSF
bull Lrsquointerface customisable bull Ajout de colonne
bull Ajout de champs dans les formulaires
bull Modification de la mise en page
Pourquoi Angular JS
9
Je veux une UI complegravetement
custom
Pourquoi Angular JS
bull Besoin drsquoun API Rest orienteacutee ressources
bull Besoin drsquoun client Angular
10
Une nouvelle API Rest
11
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 2: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/2.jpg)
AngularJS amp Nuxeo
2
bull Nuxeo a small introduction
bull Pourquoi AngularJS
bull Une nouvelle API Rest
bull Un module Angular pour Nuxeo
Nuxeo small Intro
3
Nuxeo small intro
4
bull Plateforme de gestion documentaire open source
bull En Java
bull Designeacute pour ecirctre eacutetendu
bull Nuxeo Studio
Nuxeo small intro
5
Nuxeo Studio
6
Pourquoi Angular JS
7
Pourquoi Angular JS
8
bull LrsquoUI de Nuxeo est deacuteveloppeacutee avec JSF
bull Lrsquointerface customisable bull Ajout de colonne
bull Ajout de champs dans les formulaires
bull Modification de la mise en page
Pourquoi Angular JS
9
Je veux une UI complegravetement
custom
Pourquoi Angular JS
bull Besoin drsquoun API Rest orienteacutee ressources
bull Besoin drsquoun client Angular
10
Une nouvelle API Rest
11
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 3: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/3.jpg)
Nuxeo small Intro
3
Nuxeo small intro
4
bull Plateforme de gestion documentaire open source
bull En Java
bull Designeacute pour ecirctre eacutetendu
bull Nuxeo Studio
Nuxeo small intro
5
Nuxeo Studio
6
Pourquoi Angular JS
7
Pourquoi Angular JS
8
bull LrsquoUI de Nuxeo est deacuteveloppeacutee avec JSF
bull Lrsquointerface customisable bull Ajout de colonne
bull Ajout de champs dans les formulaires
bull Modification de la mise en page
Pourquoi Angular JS
9
Je veux une UI complegravetement
custom
Pourquoi Angular JS
bull Besoin drsquoun API Rest orienteacutee ressources
bull Besoin drsquoun client Angular
10
Une nouvelle API Rest
11
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 4: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/4.jpg)
Nuxeo small intro
4
bull Plateforme de gestion documentaire open source
bull En Java
bull Designeacute pour ecirctre eacutetendu
bull Nuxeo Studio
Nuxeo small intro
5
Nuxeo Studio
6
Pourquoi Angular JS
7
Pourquoi Angular JS
8
bull LrsquoUI de Nuxeo est deacuteveloppeacutee avec JSF
bull Lrsquointerface customisable bull Ajout de colonne
bull Ajout de champs dans les formulaires
bull Modification de la mise en page
Pourquoi Angular JS
9
Je veux une UI complegravetement
custom
Pourquoi Angular JS
bull Besoin drsquoun API Rest orienteacutee ressources
bull Besoin drsquoun client Angular
10
Une nouvelle API Rest
11
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 5: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/5.jpg)
Nuxeo small intro
5
Nuxeo Studio
6
Pourquoi Angular JS
7
Pourquoi Angular JS
8
bull LrsquoUI de Nuxeo est deacuteveloppeacutee avec JSF
bull Lrsquointerface customisable bull Ajout de colonne
bull Ajout de champs dans les formulaires
bull Modification de la mise en page
Pourquoi Angular JS
9
Je veux une UI complegravetement
custom
Pourquoi Angular JS
bull Besoin drsquoun API Rest orienteacutee ressources
bull Besoin drsquoun client Angular
10
Une nouvelle API Rest
11
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 6: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/6.jpg)
Nuxeo Studio
6
Pourquoi Angular JS
7
Pourquoi Angular JS
8
bull LrsquoUI de Nuxeo est deacuteveloppeacutee avec JSF
bull Lrsquointerface customisable bull Ajout de colonne
bull Ajout de champs dans les formulaires
bull Modification de la mise en page
Pourquoi Angular JS
9
Je veux une UI complegravetement
custom
Pourquoi Angular JS
bull Besoin drsquoun API Rest orienteacutee ressources
bull Besoin drsquoun client Angular
10
Une nouvelle API Rest
11
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 7: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/7.jpg)
Pourquoi Angular JS
7
Pourquoi Angular JS
8
bull LrsquoUI de Nuxeo est deacuteveloppeacutee avec JSF
bull Lrsquointerface customisable bull Ajout de colonne
bull Ajout de champs dans les formulaires
bull Modification de la mise en page
Pourquoi Angular JS
9
Je veux une UI complegravetement
custom
Pourquoi Angular JS
bull Besoin drsquoun API Rest orienteacutee ressources
bull Besoin drsquoun client Angular
10
Une nouvelle API Rest
11
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 8: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/8.jpg)
Pourquoi Angular JS
8
bull LrsquoUI de Nuxeo est deacuteveloppeacutee avec JSF
bull Lrsquointerface customisable bull Ajout de colonne
bull Ajout de champs dans les formulaires
bull Modification de la mise en page
Pourquoi Angular JS
9
Je veux une UI complegravetement
custom
Pourquoi Angular JS
bull Besoin drsquoun API Rest orienteacutee ressources
bull Besoin drsquoun client Angular
10
Une nouvelle API Rest
11
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 9: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/9.jpg)
Pourquoi Angular JS
9
Je veux une UI complegravetement
custom
Pourquoi Angular JS
bull Besoin drsquoun API Rest orienteacutee ressources
bull Besoin drsquoun client Angular
10
Une nouvelle API Rest
11
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 10: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/10.jpg)
Pourquoi Angular JS
bull Besoin drsquoun API Rest orienteacutee ressources
bull Besoin drsquoun client Angular
10
Une nouvelle API Rest
11
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 11: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/11.jpg)
Une nouvelle API Rest
11
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 12: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/12.jpg)
Une nouvelle API REST
12
bull LrsquoAPI automation est du type commande bull POST httpnuxeositeautomationDocumentQuery
paramslsquoqueryrsquorsquoSELECT FROM Bookrsquo
bull Pas adapteacutee pour utiliser lrsquoAPI comme des resources REST
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 13: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/13.jpg)
Une nouvelle API REST
bull Le Document est notre laquoFirst Class Resourceraquo
bull LrsquoAPI doit srsquoarticuler autour de ce documentbull GET httpnuxeoapiv1pathdefault-domainmyDoc
bull PUT httpnuxeoapiv1pathdefault-domainmyDoc
bull DELETE httpnuxeoapiv1pathdefault-domainmyDoc
bull POST httpnuxeoapiv1pathdefault-domain
13
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 14: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/14.jpg)
Un module Angular JS
14
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 15: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/15.jpg)
Un module Angular JS
15
bull Creacuteation drsquoun module nxSessionbull Permet drsquoinjecter une session Nuxeo
bull Encapsule les appels agrave lrsquoAPI
bull Utilise les promises si besoin
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 16: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/16.jpg)
Un module AngularJS
16
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 17: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/17.jpg)
Conclusion
17
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 18: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/18.jpg)
Retour drsquoexpeacuterience
18
bull AngularJS crsquoest bien (tregraves bien mecircme)
bull De + en + drsquointeacutegration de nouveaux composants (ng-infinite)
bull Claire seacuteparation entre les responsabiliteacutes
bull Mais bull Neacutecessite du tooling (yeoman)
bull Ecosystegraveme eacutevolue tregraves vite
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 19: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/19.jpg)
Retour drsquoexpeacuterience
bull Quels sont les eacutevolutions pour le futur bull Geacuterer correctement lrsquoauthentification (401 roundtrip)
bull Packager le module Nuxeo
bull Creacuteer un geacuteneacuterateur Yeoman
bull Modegravele de deacuteploiement drsquoapp dans Nuxeo
19
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler
![Page 20: Nuxeo Tech Talk AngularJS](https://reader035.vdocuments.site/reader035/viewer/2022062616/54b538fa4a7959232a8b4687/html5/thumbnails/20.jpg)
Merci
20
bull httpwwwnuxeocom
bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters
bull httpgithubcomnuxeo-angular-sample
bull damienmetzler