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

[email protected]

@YosTour



Introduction à AngularJS dans un contexte Office 365


Merci à nos sponsors#4 – yOS-Day à Lyon le 11 décembre 2015

Et à nos soutiens


Montreal, Canada negotium.comOffice 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

frameworkDémarré en 2009Développé par

Google

Utilisé par Netflix, Youtube, Vevo,

MSNBC, …Angular 2.0

débarque en 2016Ré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

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


Demos


Microsoft Graph


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


Hands-On Microsoft Graph

Graph Explorergraphexplorer2

.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éeClient 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

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


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.compimpthecloud.com

graphexplorer2.azurewebsites.net

github.com/sebastienlevert

slideshare.net/sebastienlevert

officehub.azurewebsites.net


Questions ?



www.yos-tour.com

[email protected]

@YosTour

merci !

introduction à angularjs dans un contexte office365

Technology