Introduction à AngularJS dans un contexte Office365

1. yOS-Tour - yOS-Day ©2015. All rights reserved.
#4 – yOS-Day à Lyon le 11 décembre 2015
www.yos-tour.com
contact@yos-tour.com
@YosTour

2. yOS-Tour - yOS-Day ©2015. All rights reserved.
#4 – yOS-Day à Lyon le 11 décembre 2015
Introduction à AngularJS dans un
contexte Office 365

3. yOS-Tour - yOS-Day ©2015. All rights reserved.
Merci à nos sponsors
#4 – yOS-Day à Lyon le 11 décembre 2015
Et à nos soutiens

4. yOS-Tour - yOS-Day ©2015. All rights reserved.
Montreal, Canada negotium.com
Office Servers &
Services MVP
Développeur web @sebastienlevert pimpthecloud.com

5. yOS-Tour - yOS-Day ©2015. All rights reserved.
Agenda
AngularJS Microsoft GraphSharePoint
Azure AD ConclusionDémos

6. yOS-Tour - yOS-Day ©2015. All rights reserved.
Qu’est-ce que AngularJS ?

7. yOS-Tour - yOS-Day ©2015. All rights reserved.
Qu’est-ce que AngularJS ?
Superheroic JavaScript
MVW framework
Démarré en 2009Développé par Google
Utilisé par Netflix,
Youtube, Vevo, MSNBC,
…
Angular 2.0 débarque en
2016
Révolutionne le
développement web

8. yOS-Tour - yOS-Day ©2015. All rights reserved.
Pourquoi AngularJS ?
Se rapprocher d’un
développement client
plutôt que serveur
Aimer le risque et la
nouveauté
Réfléchir comme un
développeur web, pas
comme un développeur
SharePoint
Construire des
applications plus
rapidement, avec moins
de code
C’est actuellement le
framework le plus en
vogue
Parce que tout le monde
embrasse ce
changement… Même
Microsoft !

9. yOS-Tour - yOS-Day ©2015. All rights reserved.
AngularJS est très tendance!

10. yOS-Tour - yOS-Day ©2015. All rights reserved.
Concepts clés
Concepts architecturaux 2-way data-bindingTemplates HTML
Engin de routing Tests unitairesInjection de dépendance

11. yOS-Tour - yOS-Day ©2015. All rights reserved.
Intégration avec SharePoint

12. yOS-Tour - yOS-Day ©2015. All rights reserved.
AngularJS & SharePoint
Plusieurs types
d’artéfacts peuvent être
une application AngulaJS
S’exécute dans le
contexte de l’usager
courant
Plusieurs méthodes
d’accès aux données
Disponible avec
SharePoint 2007, 2010,
2013, 2016, Online…
Plus simple à intégrer
dans un workflow de
développement
moderne
Développement rapide
et feedbacks rapides

13. yOS-Tour - yOS-Day ©2015. All rights reserved.
Demos

14. yOS-Tour - yOS-Day ©2015. All rights reserved.
Microsoft Graph

15. yOS-Tour - yOS-Day ©2015. All rights reserved.
Qu’est-ce que le Microsoft Graph?
Un seul API pour
consommer vos données
Office 365
Exposé via l’Office Graph
Annoncé à la //build
2015, RTM à Connect();
2015
Disponible en RTM avec
SDKs et REST
Support de CORS (!!)RTM et Beta disponibles

16. yOS-Tour - yOS-Day ©2015. All rights reserved.
Hands-On Microsoft Graph
Graph Explorer
graphexplorer2
.azurewebsites.net
Permet d’exécuter des
requêtes sur votre
propre tenant via les API
REST

17. yOS-Tour - yOS-Day ©2015. All rights reserved.
Authentification Azure AD

18. yOS-Tour - yOS-Day ©2015. All rights reserved.
Authentification Azure AD
OAuth 2.0
Scopes de sécurité à
déterminer
Laisser le processus
d’authentification à
Microsoft
Support de MFA et de
l’authentification fédérée
Client credentials grant
flow
Connections perpétuelles
avec des jetons de
rafraîchissement

19. yOS-Tour - yOS-Day ©2015. All rights reserved.
Flux d’authentification
Azure AD
Client Application Microsoft Graph
1
2
3
4
Jeton
Ressources
Jeton

20. yOS-Tour - yOS-Day ©2015. All rights reserved.
Comment s’intégrer à Azure AD ?
Peut s’intégrer à un ou
plusieurs tenants
Disponible pour toutes
les plateformes
Utiliser via les librairies
Azure ADAL
Laisser le flux
d’authentification
travailler pour vous
Ça fonctionne…
Simplement!
Peut s’intégrer avec le
Identity Model d’ASP.NET

21. yOS-Tour - yOS-Day ©2015. All rights reserved.
Démos

22. yOS-Tour - yOS-Day ©2015. All rights reserved.
Conclusion

23. yOS-Tour - yOS-Day ©2015. All rights reserved.
Conclusion
AngularJS vous permet
de créer des SPA
intégrées avec
SharePoint et Office 365
L’authentification est
rendue possible grâce
aux application Azure AD
Tous les workloads
d’Office 365 sont unifiés
grâce au Microsoft
Graph
Les intercepteurs
AngularJS permettent
d’automatiquement
authentifiés vos appels
Arêter de vous soucier
de votre infrastructure,
commencer à livrer de la
valeur d’affaires
Office 365 est la surface
de développement la
plus stratégique pour
Microsoft

24. yOS-Tour - yOS-Day ©2015. All rights reserved.
Références
dev.office.com
sebastienlevert.com
pimpthecloud.com
graphexplorer2
.azurewebsites.net
github.com/
sebastienlevert
slideshare.net/
sebastienlevert
officehub
.azurewebsites.net

25. yOS-Tour - yOS-Day ©2015. All rights reserved.
Questions ?

26. yOS-Tour - yOS-Day ©2015. All rights reserved.
#4 – yOS-Day à Lyon le 11 décembre 2015
www.yos-tour.com
contact@yos-tour.com
@YosTour
merci !