Upload
sebastien-levert
View
704
Download
2
Embed Size (px)
Citation preview
WWW.COLLAB365.EVENTSWWW.COLLAB365.EVENTS
AngularJS and the Office 365 APIs : A match made in heaven !
Sébastien Levert, Office 365 MVPNegotium Technologies
WWW.COLLAB365.EVENTS
Who’s Sébastien Levert ?!
Montreal, Canada negotium.com MVP Office365
Web Developer @sebastienlevert pimpthecloud.com
WWW.COLLAB365.EVENTS
AngularJS
Agenda
Azure AD AuthenticationOffice 365 API
Code Wrap-UpDemos
What is AngularJS
WWW.COLLAB365.EVENTS
Superheroic JavaScript MVW
framework
What is AngularJS ?
Started in 2009Developed by Google
Used by Netflix, Youtube, Vevo,
MSNBC, …Angular 2.0 coming
in 2015A game changer in web development
WWW.COLLAB365.EVENTS
Getting closer to client-side
development
Why AngularJS ?
Living on the edgeStart thinking like a web developer, not
like a SharePoint developer
Building applications faster, with less
code
It’s currently the hottest development
framework
Because everyone is heading towards it,
even Microsoft
WWW.COLLAB365.EVENTS
AngularJS is very… trendy
WWW.COLLAB365.EVENTS
Architecture patterns
Key concepts
2-way data-bindingEnhancing HTML templating
Routing engine Unit testingDependency injection
Office 365 APIs
WWW.COLLAB365.EVENTS
Sets of API to consume your Office
365 data
What are the Office 365 APIs ?Consistent patterns to connect to Office
365
Released to First Release tenants in
October 2014
Available through REST, .NET SDK, native SDK (iOS,
Android, Windows Phone)
OData servicesOpen platform is key
WWW.COLLAB365.EVENTS
Sets of API to consume your Office
365 data
Hands-on the Office 365 APIs ?
Available through REST, .NET SDK, native SDK (iOS,
Android, Windows Phone)
Office 365 Unified API
WWW.COLLAB365.EVENTS
Single API to consume your Office
365 data
What is the Office 365 Unified API ?
Exposed through the Office Graph
Announced at //build 2015
Currently available in preview through
REST and SDKsSupport of CORS (!!)In preview
WWW.COLLAB365.EVENTS
Sets of API to consume your Office
365 data
Hands-on the Office 365 Unified API
Available through REST, .NET SDK, native SDK (iOS,
Android, Windows Phone)
Azure AD Authentication
WWW.COLLAB365.EVENTS
OAuth 2.0
What is Azure AD AuthenticationSecured access
scopesLeaving the
authentication process to Microsoft
Supports MFA & federated
authenticationClient credentials
grant flowPerpetual
connections with refresh tokens
WWW.COLLAB365.EVENTS
What is Azure AD Grant Flow
Azure AD
Client Application Office 365 API
1
2
3
4
Token
Resources
Token
WWW.COLLAB365.EVENTS
Integrate on a single or multiple tenants
How do I integrate Azure AD ?Available for every
major platformUse the Azure ADAL
libraries
Let the authentication flow
do the job, stop coding login screens
It just worksCan be integrated with the Identity
Model of .NET
Demos
Wrap-Up
WWW.COLLAB365.EVENTS
AngularJS enables you to write Single-Page Applications integrated with
Office 365
Wrap-UpAuthentication 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
Stop worrying about authentication and
security, start delivering business
value
Office 365 is the most strategic
developer surface for Microsoft
WWW.COLLAB365.EVENTS
dev.office.com
Referencesgraphexplorer2
.azurewebsites.netapisandbox.msdn.co
m
slevert.me/1G8N2Gt slevert.me/1FfTlY3slevert.me/office-hub
WWW.COLLAB365.EVENTS
Catch me!
Montreal, Canada negotium.com MVP Office365
Web Developer @sebastienlevert pimpthecloud.com
Stay tuned for more great sessions …
WWW.COLLAB365.EVENTS
Thanks for watching !