Microsoft 365 Developer Bootcamp Zurich - Microsoft Graph

Introduction to Microsoft Graph at the Microsoft 365 Developer Bootcamp Zurich

Transcript

2. Global Microsoft 365 Developer Bootcamp
3. Jamie McAllister @JMcAllisterCH https://www.linkedin.com/in/jamiemcallister/ Christian Glessner @cglessner https://www.linkedin.com/in/christian-glessner/ David Schneider @fiddi https://www.linkedin.com/in/david-schneider/
4. Agenda
5. Leveraging the Microsoft Graph API from the SharePoint Framework Extending SharePoint with information from the Microsoft Graph
6. We're focused on two massive platform opportunities, one, Microsoft Azure, the other Microsoft 365. Microsoft 365 is the coming together of Windows and Office to build this multi-device, multi-sense experience, service, and platform. And it puts people at the center, versus devices at the center. – Satya Nadella
7. Microsoft Graph Microsoft Identity Native/Hybrid Web Microsoft Office & SharePoint Platform Microsoft Teams
8. Data and Services Core schema for productivity More than 18.5T nodes across work, life, and school Customers are always in control of their data Microsoft Graph Services for search, analytics, natural language, and more Microsoft Graph
9. Microsoft 365 Platform web, device, and service apps Extend Microsoft 365 experiences 1 iOS/Android/Windows/Web Build your experience Microsoft Graph
10. Microsoft Graph Gateway to your data in the Microsoft-cloud Users, Groups, Organizations Outlook SharePoint OneDrive Teams Planner Excel OneNote Activities Device Relay Commands Notifications Azure AD Intune Identity Manager Advanced Threat Analytics Advanced Threat Protection Mail, Calendar, Contacts and Tasks Sites and Lists Drives and Files Channels, Messages Tasks and Plans Spreadsheets Notes, and more… Identity Management Access Control Synchronization Domains Administrative Units Applications and Devices Advanced Threat Analytics Advanced Threat Protection Alerts Policies and more… Office 365 Windows 10 Enterprise Mobility + Security https://graph.microsoft.com
11. Accessing the Microsoft Graph Direct REST API • Any platform • Any language • Any framework Native SDKs • Utilize framework & platform specific implementations • Abstracts the details of constructing & processing REST requests over HTTP • .NET, iOS, Android, PhP, Ruby, JavaScript, etc.
13. https://docs.microsoft.com/en- us/graph/use-postman
14. Azure AD Applications: The Microsoft Graph Dependency All Microsoft Graph access options (REST API / SDKs) depend on Azure AD Must register an Azure AD application to access the Microsoft Graph Use the Azure AD application to authenticate, gain authorization & obtain an access token Access token included in the underlying HTTP request to call the Microsoft Graph endpoint
15. Accessing the Microsoft Graph from the SharePoint Framework
16. Office 365 and SharePoint Online Users Already Authenticated Users in Office 365 are already authenticated Calls to the Microsoft Graph are proxied through SharePoint Online
17. Demo Accessing User Details from the Microsoft Graph in a SharePoint Framework Client-Side Web Part
18. SharePoint Online Authentication Flow
19. Calling Secured Services from Client-side Code is a Challenge Calling a secured service, like Microsoft Graph, requires the acquisition of a token Client-side applications cannot securely do this across domains seamlessly
20. Solution: Proxy Calls to Secured Services through Existing Application SharePoint Online already has an Azure AD application Permission requests to Azure AD applications (aka: resources) must be approved
21. Granting Scopes to Azure AD Protected Resources in SharePoint Online
23. Add SharePoint Package to SharePoint App Catalog Upload SharePoint packages to the app catalog
24. Approve / Reject with SharePoint Online API Management Page
25. Demo Permission Handling
26. Microsoft Graph JS SDK
27. Microsoft Graph JavaScript SDK Microsoft Graph is accessible via REST API & various SDKs Client-side solutions can leverage the JavaScript SDK https://github.com/microsoftgraph/msgraph-sdk-javascript
29. Microsoft Graph TypeScript Type Declarations Use the Microsoft Graph JavaScript SDK in TypeScript applications TypeScript type declarations introduce strong types and documentation to client-side projects https://github.com/microsoftgraph/msgraph-typescript-typings
31. SharePoint Framework’s Microsoft Graph Client
32. SharePoint Framework Includes a Microsoft Graph Client MSGraphClient: SharePoint Framework’s Microsoft Graph Client Abstracts the token acquisition from the SharePoint Framework’s support for Azure AD Wraps the Microsoft Graph JavaScript SDK and initializes it with one line that returns a promise
33. Hands On Lab https://github.com/microsoftgraph/msgraph-training-spfx
34. Reading further Microsoft Graph https://developer.microsoft.com/graph Microsoft Graph JavaScript SDK https://github.com/microsoftgraph/msgraph-sdk-javascript SharePoint Framework Documentation https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview Use the MSGraphClient to Connect to Microsoft Graph https://docs.microsoft.com/sharepoint/dev/spfx/use-msgraph
35. https://aka.ms/Microsoft365DevBootcampSurvey2019