Introduction à AngularJS dans un contexte Office365

2 882 vues

Publié le

Introduction à AngularJS dans un contexte Office365

Publié dans : Technologie
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
2 882
Sur SlideShare
0
Issues des intégrations
0
Intégrations
43
Actions
Partages
0
Téléchargements
19
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Introduction à AngularJS dans un contexte Office365

  1. 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. 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. 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. 4. yOS-Tour - yOS-Day ©2015. All rights reserved. Montreal, Canada negotium.com Office Servers & Services MVP Développeur web @sebastienlevert pimpthecloud.com
  5. 5. yOS-Tour - yOS-Day ©2015. All rights reserved. Agenda AngularJS Microsoft GraphSharePoint Azure AD ConclusionDémos
  6. 6. yOS-Tour - yOS-Day ©2015. All rights reserved. Qu’est-ce que AngularJS ?
  7. 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. 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. 9. yOS-Tour - yOS-Day ©2015. All rights reserved. AngularJS est très tendance!
  10. 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. 11. yOS-Tour - yOS-Day ©2015. All rights reserved. Intégration avec SharePoint
  12. 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. 13. yOS-Tour - yOS-Day ©2015. All rights reserved. Demos
  14. 14. yOS-Tour - yOS-Day ©2015. All rights reserved. Microsoft Graph
  15. 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. 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. 17. yOS-Tour - yOS-Day ©2015. All rights reserved. Authentification Azure AD
  18. 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. 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. 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. 21. yOS-Tour - yOS-Day ©2015. All rights reserved. Démos
  22. 22. yOS-Tour - yOS-Day ©2015. All rights reserved. Conclusion
  23. 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. 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. 25. yOS-Tour - yOS-Day ©2015. All rights reserved. Questions ?
  26. 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 !

×