Introduction à AngularJS dans un contexte Office365
Télécharger en tant que PPTX, PDF2 j'aime3,189 vues
L'événement yos-day à Lyon, le 11 décembre 2015, portait sur l'intégration d'AngularJS avec Office 365 et SharePoint. Le document discute des avantages d'AngularJS pour un développement rapide d'applications, de son fonctionnement avec Microsoft Graph et des méthodes d'authentification via Azure AD. La conclusion souligne l'importance d'AngularJS et de Microsoft Graph pour développer des applications au sein de l'écosystème Office 365.
Introduction à AngularJS dans un contexte Office365
- 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. 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. yOS-Tour - yOS-Day ©2015. All rights reserved. Merci à nos sponsors #4 – yOS-Day à Lyon le 11 décembre 2015 Et à nos soutiens
- 4. yOS-Tour - yOS-Day ©2015. All rights reserved. Montreal, Canada negotium.com Office Servers & Services MVP Développeur web @sebastienlevert pimpthecloud.com
- 5. yOS-Tour - yOS-Day ©2015. All rights reserved. Agenda AngularJS Microsoft GraphSharePoint Azure AD ConclusionDémos
- 6. yOS-Tour - yOS-Day ©2015. All rights reserved. Qu’est-ce que AngularJS ?
- 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. 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. yOS-Tour - yOS-Day ©2015. All rights reserved. AngularJS est très tendance!
- 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. yOS-Tour - yOS-Day ©2015. All rights reserved. Intégration avec SharePoint
- 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. yOS-Tour - yOS-Day ©2015. All rights reserved. Demos
- 14. yOS-Tour - yOS-Day ©2015. All rights reserved. Microsoft Graph
- 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. 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. yOS-Tour - yOS-Day ©2015. All rights reserved. Authentification Azure AD
- 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. 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. 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. yOS-Tour - yOS-Day ©2015. All rights reserved. Démos
- 22. yOS-Tour - yOS-Day ©2015. All rights reserved. Conclusion
- 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. 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. yOS-Tour - yOS-Day ©2015. All rights reserved. Questions ?
- 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 !