Office Add-in & Microsoft Graph

Size: px

Start display at page:

Download "Office Add-in & Microsoft Graph"

Harold Gregory
6 years ago
Views:

1 Office Add-in & Microsoft Graph Development Program Manager

2 Contents Opportunity Office Add-in 101 Microsoft Graph 101

3 Office 365 Authoring Mail & Social Sites & Content Chat, Meetings & Voice Analytics Word Outlook OneDrive Microsoft Teams Power BI Excel Yammer SharePoint Skype for Business MyAnalytics PowerPoint Delve OneNote

4 Opportunity USERS DATA INTELLIGENCE 100M monthly commercial active users 4T s sent with O % Microsoft Graph API calls this quarter 90% of Fortune 500 have MS Cloud 3B minutes of Skype calls daily 8T nodes in the Microsoft Graph 35% growth in O365 commercial seats 300% growth in usage of Outlook add-ins 2B meetings created per month

5 Office Add-in 101

6 Ways to Build an Add-in VBA VSTO Office.js

7 Why Office.js Cross platform - not only Windows, Mac, but also ios, Online Single sign in - integrate easily with Office 365 account Centralized deployment and distribution Monetize through Office store Use web technology

8 Sample Transform Data

9 Ribbon Dialog Task Pane Content

10 How it works Manifest Developer Office Store or Tenant User Add-in Server

11 Snippet Excel.run(context => { const range = context.workbook.getselectedrange(); range.format.fill.color = 'blue'; }); return context.sync();

12 Playground Script Lab Help you explore Office.js API

13 1. Generate the App Create React App Angular CLI

14 2. Generate the Manifest YO Office Help generate and validate manifest (& generate projects)

15 Office Add-in Starter React Angular

16 Microsoft Graph 101

17 What is Microsoft Graph CONVERSATIONS ACTIVITY CONTENT INSIGHTS ME TRENDING ORGANIZATION GROUPS DOCUMENTS CHATS REPORTS EVENTS DEVICES SHARED CONTACTS COLLABORATION PEOPLE TASKS

18 With Microsoft Graph profile content insights Out of office Manager Member Documents Trending Documents Calendar Sites Find me the best time to meet Ana Search people based on topics Contacts Meetings Tasks Recent Documents People I m working with Direct Reports

19 Key Parts of Microsoft Graph REST API Auth Extensions Webhook

20 REST API My app Microsoft Graph Users Groups Excel Outlook Calendar OneNote Teams Planner Intune Azure AD SharePoint

21 REST API GET { } "displayname": "Hongbo Miao", "jobtitle": "PROGRAM MANAGER", "officelocation": "36/4473"

22 REST API GET POST PATCH PUT DELETE /{version}/{resource}/{id}/{property}?{query} v1.0, beta users, groups, sites, drives, devices... jack events, department... $select, $orderby, $filter, $expand, $top, $skip...

REST API Graph Explorer https://developer.microsoft.

23 REST API Graph Explorer Help you explore Microsoft Graph API

24 Auth // One way to implement using hello.js init() { hello.init({ msft: { oauth: { version: 2, auth: ' }, scope_delim: ' ', form: false } }); } hello.init( { msft: APPID }, { redirect_uri: window.location.href } ); login() { hello('msft').login({ scope: SCOPE }); } // e.g. scope: 'contacts.read,files.readwrite' logout() { hello('msft').logout(); }

25 Extensions - Open Extensions Add untyped data to a resource - Schema Extensions Allow you to define a schema to extend and add typed data to a resource

26 Extensions Open Extension Sample POST { extensionname: "social", twitter: "jack", github: "jack" } PATCH /users/jack@mail.com/extensions/social (Note it is replacing) { extensionname: "social", facebook: "jack" } GET /users/jack@mail.com/extensions/social DELETE /users/jack@mail.com/extensions/social

27 Extensions Open Extensions Schema Extensions // User 1 { extensionname: "social", github: "jack" } // User 1 { extensionname: "social", github: "jack" } // User 2 { extensionname: "social", twitter: "jack" } // User 2 { extensionname: "social", github : "jack" }

28 Webhook Monitor changes and deliver notifications to the client

29 Webhook Client login.microsoftonline.com WebSocket, HTTP/2, etc. Office 365 login page myapp.com/callback (accesstoken) Server POST /subscriptions (changetype, expirationdatetime) 200 OK (validationtoken) myapp.com/listen (validationtoken) Microsoft Graph myapp.com/listen

30 Webhook Client login.microsoftonline.com WebSocket, HTTP/2, etc. Office 365 login page myapp.com/callback (accesstoken) Temporary Server POST /subscriptions (changetype, expirationdatetime) 200 OK (validationtoken) myapp.com/listen (validationtoken) Microsoft Graph Azure Functions myapp.azurewebsites.net

31 Webhook GET /subscriptions/43268ccb-6c5e-4ffd-a2dd-888e1d8f2a8c { "resource": "me/mailfolders('inbox')/messages", "changetype": "created", "notificationurl": " "expirationdatetime": " T00:00:00.000Z" }

32 Webhook Sample Node.js ASP.NET

33 Starter React (very soon) Angular

34 github.com/hongbo-miao

> Introduction to Office Extensibility. > Microsoft Graph and Excel Integration. > Office Add-ins and Excel Extensibility

> Introduction to Office Extensibility > Microsoft Graph and Excel Integration > Office Add-ins and Excel Extensibility > Learn and engage: Resources Developer opportunity USERS DATA INTELLIGENCE 90% of