yOS-Tour - yOS-Day ©2015. All rights reserved.
#4 – yOS-Day à Lyon le 11 décembre 2015
www.yos-tour.com
@YosTour
yOS-Tour - yOS-Day ©2015. All rights reserved.
#4 – yOS-Day à Lyon le 11 décembre 2015
Introduction à AngularJS dans un contexte Office 365
yOS-Tour - yOS-Day ©2015. All rights reserved.
Merci à nos sponsors#4 – yOS-Day à Lyon le 11 décembre 2015
Et à nos soutiens
yOS-Tour - yOS-Day ©2015. All rights reserved.
Montreal, Canada negotium.comOffice Servers &
Services MVP
Développeur web @sebastienlevert pimpthecloud.com
yOS-Tour - yOS-Day ©2015. All rights reserved.
Agenda
AngularJS Microsoft GraphSharePoint
Azure AD ConclusionDémos
yOS-Tour - yOS-Day ©2015. All rights reserved.
Qu’est-ce que AngularJS ?
yOS-Tour - yOS-Day ©2015. All rights reserved.
Qu’est-ce que AngularJS ?
Superheroic JavaScript MVW
frameworkDémarré en 2009Développé par
Utilisé par Netflix, Youtube, Vevo,
MSNBC, …Angular 2.0
débarque en 2016Révolutionne le
développement web
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 !
yOS-Tour - yOS-Day ©2015. All rights reserved.
AngularJS est très tendance!
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
yOS-Tour - yOS-Day ©2015. All rights reserved.
Intégration avec SharePoint
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
courantPlusieurs 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
yOS-Tour - yOS-Day ©2015. All rights reserved.
Demos
yOS-Tour - yOS-Day ©2015. All rights reserved.
Microsoft Graph
yOS-Tour - yOS-Day ©2015. All rights reserved.
Qu’est-ce que le Microsoft Graph?
Un seul API pour consommer vos
données Office 365Exposé via l’Office
GraphAnnoncé à la //build
2015, RTM à Connect(); 2015
Disponible en RTM avec SDKs et REST Support de CORS (!!)RTM et Beta
disponibles
yOS-Tour - yOS-Day ©2015. All rights reserved.
Hands-On Microsoft Graph
Graph Explorergraphexplorer2
.azurewebsites.net
Permet d’exécuter des requêtes sur
votre propre tenant via les API REST
yOS-Tour - yOS-Day ©2015. All rights reserved.
Authentification Azure AD
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éeClient credentials
grant flow
Connections perpétuelles avec
des jetons de rafraîchissement
yOS-Tour - yOS-Day ©2015. All rights reserved.
Flux d’authentification
Azure AD
Client Application Microsoft Graph
1
2
3
4
Jeton
Ressources
Jeton
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
plateformesUtiliser 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
yOS-Tour - yOS-Day ©2015. All rights reserved.
Démos
yOS-Tour - yOS-Day ©2015. All rights reserved.
Conclusion
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
yOS-Tour - yOS-Day ©2015. All rights reserved.
Références
dev.office.com sebastienlevert.compimpthecloud.com
graphexplorer2.azurewebsites.net
github.com/sebastienlevert
slideshare.net/sebastienlevert
officehub.azurewebsites.net
yOS-Tour - yOS-Day ©2015. All rights reserved.
Questions ?
yOS-Tour - yOS-Day ©2015. All rights reserved.
#4 – yOS-Day à Lyon le 11 décembre 2015
www.yos-tour.com
@YosTour
merci !