Introduction à AngularJS dans un contexte Office365

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

Introduction à AngularJS dans un
contexte Office 365

Merci à nos sponsors
Et à nos soutiens

Montreal, Canada negotium.com
Office Servers &
Services MVP
Développeur web @sebastienlevert pimpthecloud.com

Agenda
AngularJS Microsoft GraphSharePoint
Azure AD ConclusionDémos

Qu’est-ce que AngularJS ?

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

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 !

AngularJS est très tendance!

Concepts clés
Concepts architecturaux 2-way data-bindingTemplates HTML
Engin de routing Tests unitairesInjection de dépendance

Intégration avec SharePoint

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

Demos

Microsoft Graph

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

Hands-On Microsoft Graph
Graph Explorer
graphexplorer2
.azurewebsites.net
Permet d’exécuter des
requêtes sur votre
propre tenant via les API
REST

Authentification Azure AD

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

Flux d’authentification
Azure AD
Client Application Microsoft Graph
1
2
3
4
Jeton
Ressources
Jeton

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

Démos

Conclusion

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

Références
dev.office.com
sebastienlevert.com
pimpthecloud.com
graphexplorer2
.azurewebsites.net
github.com/
sebastienlevert
slideshare.net/
sebastienlevert
officehub
.azurewebsites.net

Questions ?

www.yos-tour.com
contact@yos-tour.com
@YosTour
merci !

Introduction à AngularJS dans un contexte Office365

Contenu connexe

Tendances

En vedette

Similaire à Introduction à AngularJS dans un contexte Office365

Plus de Sébastien Levert

Introduction à AngularJS dans un contexte Office365