introduction à 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

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

Google

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

contact@yos-tour.com

@YosTour

merci !