Let's explore AngularJS / [fr]Explorons AngularJS. GDG Montreal
MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context
-
Upload
sebastien-levert -
Category
Technology
-
view
112 -
download
0
Transcript of MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context
![Page 1: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/1.jpg)
Introduction to AngularJS in an Office 365 contextSébastien Levert2015-05-14
May 14 – 15, 2015
2015 Microsoft MVP Virtual Conference
![Page 2: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/2.jpg)
Who is Sébastien Levert ?
Montreal, Canada Office 365 MVP
Web Developer
@sebastienlevert
pimpthecloud.com
PimpTheCloud
negotium.com
![Page 3: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/3.jpg)
Who is Vincent Biret ?
.NET Developer @baywet
SharePoint MVP
bitly.com/vince365
Montreal, Canada negotium.com
![Page 4: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/4.jpg)
Agenda
AngularJS Office 365 APIsAzure AD
Authentication
Code Demos Wrap-up
![Page 5: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/5.jpg)
What are the Office 365 API ?
![Page 6: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/6.jpg)
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
![Page 7: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/7.jpg)
Experiences available through Office 365 API
Users and Groups Files Mails Calendars Contacts
Office Graph Documents
Skype for Business OneNote Yammer
![Page 8: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/8.jpg)
Hands-on the Office 365 API
Office 365 API Sandbox
apisandbox.msdn.com
Allows to run queries against a sample
tenant & your own tenant
![Page 9: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/9.jpg)
Office 365 Unified API
![Page 10: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/10.jpg)
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
![Page 11: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/11.jpg)
Experiences available through Office 365 Unified API
Users Groups Files MailCalend
arContact
sTasks
Office
Graph
https://graph.microsoft.com/
…
![Page 12: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/12.jpg)
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
![Page 13: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/13.jpg)
What is Azure AD Authentication ?
![Page 14: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/14.jpg)
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
![Page 15: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/15.jpg)
What is Azure AD Grant Flow ?
Azure AD
Client Application
Office 365 API
1
2
3
4
Token
Token
Ressources
![Page 16: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/16.jpg)
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
![Page 17: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/17.jpg)
Demos
![Page 18: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/18.jpg)
Wrap-up
![Page 19: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/19.jpg)
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
![Page 20: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/20.jpg)
References
dev.office.comgraphexplorer2
.azurewebsites.netapisandbox.msdn.co
m
slevert.me/1G8N2Gt slevert.me/office-hub slevert.me/1FfTlY3
![Page 21: MVP Virtual Conference - Introduction to AngularJS in an Office 365 Context](https://reader030.fdocuments.net/reader030/viewer/2022032502/55b87f60bb61eb177f8b467e/html5/thumbnails/21.jpg)
Sébastien Levert@sebastienlevert
Vincent Biret@baywet
Thank you!