Mehr Daten - Office Add-ins mit Microsoft Graph

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.

6848c06ef647ab606c668cc5264c0fc9?s=128

Thorsten Hans

February 27, 2019
Tweet

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

  9. None
  10. None
  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