Mehr Daten - Office Add-ins mit Microsoft Graph

The slides from my talk at BASTA Spring 2019

Mit Office Add-ins können Sie sämtliche Produkte der Office Suite unter Verwendung moderner Webtechnologien erweitern. Ein Add-in wird immer im Kontext eines Elements – z. B. einer E-Mail in Outlook oder einer Tabellenkalkulation in Excel – ausgeführt, doch in der Praxis benötigen Sie oftmals mehr Daten. Mit dem Microsoft Graph API können Sie direkt aus Ihrem Office Add-in heraus auf Daten in Microsoft 365 zugreifen und so noch komplexere Workflows abbilden. Sie möchten relevante Dokumente für den aktuellen Benutzer finden? Aus Word heraus einen neuen Termin im Kalender des Benutzers anlegen? Oder aus einem Excel Add-in eine E-Mail im Namen des Benutzers versenden? Thorsten Hans zeigt in diesem Vortrag, wie Sie Ihren Office Add-ins mit dem Microsoft Graph API Zugang zu mehr Daten verschaffen.

Transcript

1. Mehr Daten! Office Add-ins mit Microsoft Graph Thorsten Hans @thorstenhans thorsten.hans@gmail.com thorsten-hans.com @thinktecture thorsten.hans@thinktecture.com thinktecture.com Consultant @thinktecture
2. The guy who’s talkin’ Consultant @ Thinktecture AG thorsten.hans@thinktecture.com thorsten.hans@gmail.com thinktecture.com thorsten-hans.com @ThorstenHans Thorsten Hans
3. Code https://github.com/ThorstenHans/basta-2019-office-graph Slides https://thns.io/slides Code & Slides
4. • Microsoft Graph • Office Add-In Integration • Authentication using Azure AD • Graph Client in Angular • Recap Talking Points
5. Unified API Gateway to interact with your Services Microsoft Graph
6. What can you do - just a few samples • Query your own profile • https://graph.microsoft.com/v1.0/me • Query your own files • https://graph.microsoft.com/v1.0/me/drive/root/children • Query your calendar entries • https://graph.microsoft.com/v1.0/me/events • Query your groups • https://graph.microsoft.com/v1.0/me/memberOf • Send a mail • https://graph.microsoft.com/v1.0/me/sendMail • Many, Many, Many more!! Microsoft Graph
7. https://developer.microsoft.com/graph/graph-explorer/ Microsoft Graph Explorer
8. DEMO
11. App Registration • Office 365 Sign-On Experience • Define App (Office Add-in) Permissions • Enable implicit grant for SPAs • Set allowed redirect URLs Azure AD
12. DEMO
13. in Office Add-ins • Add @microsoft/office-js-helpers to your Add-in • Use Authenticator class in combination with Azure AD App Client ID Implementing Authentication
14. Either using GraphClient • Add @microsoft/microsoft-graph-client to your Add-in • Use GraphClient class • Provide the access_token to the GraphClient • Query the Graph Interacting with the Graph
15. Or using HttpClient • Import HttpClientModule to AppModule • Use HttpClient class to create the requests • Attach access_token to all Graph requests using an Interceptor • Query the Graph Interacting with the Graph
16. DEMO
17. • Microsoft Graph • Office Add-In Integration • Authentication using Azure AD • Graph Client in Angular Recap
18. Q&A If you’ve further questions later on: shoot me a mail at thorsten.hans@thinktecture.com / thorsten.hans@gmail.com or tweet at @ThorstenHans