Introduction to AngularJS in an Office 365 contextSébastien Levert2015-05-14

May 14 – 15, 2015

2015 Microsoft MVP Virtual Conference

Who is Sébastien Levert ?

Montreal, Canada Office 365 MVP

Web Developer

@sebastienlevert

pimpthecloud.com

PimpTheCloud

negotium.com

Who is Vincent Biret ?

.NET Developer @baywet

SharePoint MVP

bitly.com/vince365

Montreal, Canada negotium.com

Agenda

AngularJS Office 365 APIsAzure 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 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

Experiences available through Office 365 API

Users and Groups Files Mails Calendars Contacts

Office Graph Documents

Skype for Business OneNote Yammer

Hands-on the Office 365 API

Office 365 API Sandbox

apisandbox.msdn.com

Allows to run queries against a sample

tenant & your own tenant

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 the Office Graph

Currently available in preview through REST and SDKs

In preview Support of CORS

Experiences available through Office 365 Unified API

Users Groups Files MailCalend

arContact

sTasks

Office

Graph

https://graph.microsoft.com/

…

Hands-on the Office 365 Unified API

Graph Explorergraphexplorer2.azurewebsit

es.net

Allows to run queries against your own

tenant and explore the data with OData

queries

What is Azure AD Authentication ?

What is Azure AD Authentication ?

OAuth 2.0Leaving the

authentication process to Microsoft

Secured access scopes

Supports MFA & federated

authentication

Perpetual connections with

refresh tokens

Client credentials grant flow

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 major platform

Let the authentication flow

do the job, stop coding login screens

Can be integrated with the Identity

Model of .NETIt just works

Demos

Wrap-up

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

References

dev.office.comgraphexplorer2

.azurewebsites.netapisandbox.msdn.co

m

slevert.me/1G8N2Gt slevert.me/office-hub slevert.me/1FfTlY3

Sébastien Levert@sebastienlevert

Vincent Biret@baywet

Thank you!