devteach 2016 - introduction to angularjs in an office 365 context

INTRODUCTION TO ANGULARJS IN AN

OFFICE 365 CONTEXTSébastien LevertDevelopment Lead @ 2toLead@sebastienlevert

WHO’S SÉBASTIEN LEVERT ?!

Montreal, Canada

www.2toLead.com

Office Servers & Services MVP

Web Developer@sebastienlever

tsebastienlevert.c

om

AGENDAWhy Office 365 ?What is the Microsoft Graph ?What are Azure AD Application ?DemosResources

WHY OFFICE 365 ?

OPPORTUNITY Over 4

trillion emails sent with O365

100+ million downloads of mobile apps

850 million

meetings are created a month

2–3 hours/day

spent in Office add-ins1.2

billion+ users

470+ PB

of storage

OFFICE ADD-INSContextual mail add-in Add-in launched contextually from a mail message or appointment Outlook and Outlook Web Access (OWA)

Task pane add-in Add-in that runs beside a document/mail with read/write access Word, Excel, PowerPoint, Project, Outlook

Content add-in Add-in that runs within a document content with read/write access Excel, PowerPoint, Access

Add-in command Command in the Office UI to launch add-in or perform UI-less operation

Outlook, Outlook Web Access (OWA)

OPEN PLATFORMAzure AD and Office 365 offer Libraries/SDKs, but they are not mandatory as the platform is building on web standards such as OAuth2, REST, and OData

ADAL Library ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔Office 365 SDK ✔ ✔ ✔ ✔ ✔ ✔ ✔Dev.office.com samples ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔ ✔

WHAT IS THE MICROSOFT GRAPH ?

WHAT IS THE MICROSOFT GRAPHSingle endpoint for:Accessing data

/me, /users, /groups, /messages, /drive, ….

Traversing data/drive/<id>/lastmodifiedByUser

Accessing insights/insights/trending

Work/School and Personal

https://graph.microsoft.com/

BUILDING INTEGRATION WITH OFFICE 365 Use your favorite technology and host it anywhere

Code in your favorite IDE

Use standards to connect to your data

Get data, insights and relationships from the Office Graph

WHAT ARE AZURE AD APPLICATIONS ?

SINGLE AUTHENTICATION FLOW FOR OFFICE 365Sign users in using OpenID Connect Azure AD and Office 365 services Supports MFA and federated user sign-in

Device apps, web sites, SPAs, and service appsPin apps to Office 365 app launcher from My apps

COMMON CONSENTAdmin and end-user consentSecure protocol OpenID Connect and OAuth 2.0 No capturing user credentials Fine-grained access scopes Long-term access through refresh tokens

AUTHENTICATION OPTIONSAzure AD only Separate authentication flow supports Azure AD accounts only

Azure AD and Microsoft Accounts (Preview) Converged auth flow supports Azure AD accounts and Microsoft accounts (LiveID - hotmail.com, etc.)

DEMOS

RESOURCES

RESOURCEShttps://dev.office.comhttps://graph.microsoft.iohttp://github.com/officedevhttp://github.com/microsoftgraphhttp://github.com/sebastienleverthttps://github.com/maliksahilhttps://github.com/richdizz

QUESTIONS ? COMMENTS ?