Successfully reported this slideshow.
Your SlideShare is downloading. ×

MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context

MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context

Download to read offline

Every developer hears about AngularJS and all the magic it does for you applications. In order to kickstart you AngularJS journey, this session is an introduction to the AngularJS concepts applied to any Office 365 development. Different workloads will be targeted (Mail, Calendar, Files) and the Office 365 API will be our main datasource. We will also cover SharePoint Online specific data access (Office 365 API, REST, CSOM and Search) to meet your current development needs.

Every developer hears about AngularJS and all the magic it does for you applications. In order to kickstart you AngularJS journey, this session is an introduction to the AngularJS concepts applied to any Office 365 development. Different workloads will be targeted (Mail, Calendar, Files) and the Office 365 API will be our main datasource. We will also cover SharePoint Online specific data access (Office 365 API, REST, CSOM and Search) to meet your current development needs.

More Related Content

More from Sébastien Levert

MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context

  1. 1. Introduction to AngularJS in an Office 365 context Sébastien Levert 2015-05-14 May 14 – 15, 2015 2015 Microsoft MVP Virtual Conference
  2. 2. Who is Sébastien Levert ? Montreal, Canada Office 365 MVP Web Developer @sebastienlevert pimpthecloud.com PimpTheCloud negotium.com
  3. 3. Who is Vincent Biret ? .NET Developer @baywet SharePoint MVP bitly.com/vince365 Montreal, Canada negotium.com
  4. 4. Agenda AngularJS Office 365 APIs Azure AD Authentication Code Demos Wrap-up
  5. 5. What are the Office 365 API ?
  6. 6. What are the Office 365 API ? Sets of API to consume your Office 365 data Released to First Release tenants in October 2014 Consistent patterns to connect to Office 365 Available through REST, .NET SDK, native SDK (iOS, Android, Windows Phone) Open platform is key OData services
  7. 7. Experiences available through Office 365 API Users and Groups Files Mails Calendars Contacts Office Graph Documents Skype for Business OneNote Yammer
  8. 8. Hands-on the Office 365 API Office 365 API Sandbox apisandbox.msdn.com Allows to run queries against a sample tenant & your own tenant
  9. 9. Office 365 Unified API
  10. 10. What are the Office 365 Unified API ? Single API to consume your Office 365 data Announced at //build 2015 Exposed through the Office Graph Currently available in preview through REST and SDKs In preview Support of CORS
  11. 11. Experiences available through Office 365 Unified API Users Groups Files Mail Calendar Contacts Tasks Office Graph https://graph.microsoft.com/ …
  12. 12. Hands-on the Office 365 Unified API Graph Explorer graphexplorer2.azurewebsites.net Allows to run queries against your own tenant and explore the data with OData queries
  13. 13. What is Azure AD Authentication ?
  14. 14. What is Azure AD Authentication ? OAuth 2.0 Leaving the authentication process to Microsoft Secured access scopes Supports MFA & federated authentication Perpetual connections with refresh tokens Client credentials grant flow
  15. 15. What is Azure AD Grant Flow ? Azure AD Client Application Office 365 API 1 2 3 4 Token Token Ressources
  16. 16. How do I integrate Azure AD ? Integrate on a single or multiple tenants Use the Azure ADAL libraries Available for every major platform Let the authentication flow do the job, stop coding login screens Can be integrated with the Identity Model of .NET It just works
  17. 17. Demos
  18. 18. Wrap-up
  19. 19. Wrap-up AngularJS enables you to write Single-Page Applications integrated with Office 365 Authentication is possible thanks to Azure AD Authentication Library All the Office 365 API are being unified through the Office Graph AngularJS interceptors can integrate the access token with every API call Office 365 is the most strategic developer surface for Microsoft Stop worrying about authentication and security, start delivering business value
  20. 20. References dev.office.com graphexplorer2 .azurewebsites.net apisandbox.msdn.com slevert.me/1G8N2Gt slevert.me/office-hub slevert.me/1FfTlY3
  21. 21. Sébastien Levert @sebastienlevert Vincent Biret @baywet Thank you!

Editor's Notes

  • MVW : Model, view, whatever works for you
  • 1 - The client application authenticates to the Azure AD token issuance endpoint and requests an access token.
    2 - The Azure AD token issuance endpoint issues the access token.
    3 - The access token is used to authenticate to the secured resource. 4 - Data from the secured resource is returned to the web application.
  • 1 - The client application authenticates to the Azure AD token issuance endpoint and requests an access token.
    2 - The Azure AD token issuance endpoint issues the access token.
    3 - The access token is used to authenticate to the secured resource. 4 - Data from the secured resource is returned to the web application.

×