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 !