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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Merci

20

bull httpwwwnuxeocom

bull httpwwwnuxeocomblogdevelopment201310rest-api-search-bo-adapters

bull httpgithubcomnuxeo-angular-sample

bull damienmetzler