Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Introduction to AngularJS in
an Office 365 context
Sébastien Levert
2015-05-14
May 14 – 15, 2015
2015
Microsoft
MVP Virtua...
Who is Sébastien Levert ?
Montreal, Canada Office 365 MVP
Web Developer @sebastienlevert pimpthecloud.com
PimpTheCloud
neg...
Who is Vincent Biret ?
.NET Developer @baywet
SharePoint MVP
bitly.com/vince365
Montreal, Canada negotium.com
Agenda
AngularJS Office 365 APIs Azure AD Authentication
Code Demos Wrap-up
What are the Office 365 API ?
What are the Office 365 API ?
Sets of API to consume
your Office 365 data
Released to First Release
tenants in October 201...
Experiences available through
Office 365 API
Users and
Groups Files Mails Calendars Contacts
Office Graph Documents
Skype ...
Hands-on the Office 365 API
Office 365 API Sandbox
apisandbox.msdn.com
Allows to run queries
against a sample tenant &
you...
Office 365 Unified API
What are the Office 365 Unified API ?
Single API to consume
your Office 365 data
Announced at //build
2015
Exposed through...
Experiences available through
Office 365 Unified API
Users Groups Files Mail Calendar Contacts Tasks
Office
Graph
https://...
Hands-on the Office 365 Unified API
Graph Explorer
graphexplorer2.azurewebsites.net
Allows to run queries
against your own...
What is Azure AD
Authentication ?
What is Azure AD Authentication ?
OAuth 2.0
Leaving the
authentication process to
Microsoft
Secured access scopes
Supports...
What is Azure AD Grant Flow ?
Azure AD
Client
Application
Office 365
API
1
2
3
4
Token
Token
Ressources
How do I integrate Azure AD ?
Integrate on a single or
multiple tenants
Use the Azure ADAL
libraries
Available for every m...
Demos
Wrap-up
Wrap-up
AngularJS enables you to
write Single-Page
Applications integrated
with Office 365
Authentication is possible
than...
References
dev.office.com
graphexplorer2
.azurewebsites.net
apisandbox.msdn.com
slevert.me/1G8N2Gt slevert.me/office-hub s...
Sébastien Levert
@sebastienlevert
Vincent Biret
@baywet
Thank you!
Upcoming SlideShare
Loading in …5
×

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

758 views

Published on

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.

Published in: Technology
  • Be the first to comment

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!

×