22

雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download
Page 2: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

雲的力量 – 用Graph開發你的雲郵件應用

Ivy Lin 林蔚青

Software Engineer

Page 3: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Agenda

议程安排

Introduction

Cloud Mail App Demo

Workshop

EWS to Graph Tool

More Resources

1

2

3

4

5

Page 4: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Introduction

Page 5: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Graph Overview

Page 6: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Graph Overview

Page 7: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Highlight API Example - FindMeetingTimes

{“attendees” :[{“address”:

[email protected]”},{“address”: “[email protected]”},{“address”: “[email protected]”}],

“timeConstraint”:{ “timeslots”: [{“start”: “2017-04-17T09:00:00”},

{“end”: “2017-04-17T17:00:00}]},

“MeetingDuration”: “PT2H”,“MinimumAttendeePercentage”: “90”….

}

{“meetingTimeSuggestions”:

[{“confidence”: “100.0”},{“meetingTimeSlot”:

{“start”: “2017-04-17T11:00:00”},

{“end”: “2017-04-17T13:00:00”}},……

}

如何通過使用 EWS 來實現此目的?

Page 8: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

演示 Demo

Page 9: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

动手实验

Page 10: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Prerequisites

▅ Have basic concept of Graph API

▅ Install Visual Studio

▅ Install any web server (IIS Express works)

▅ Have Microsoft cloud mail account• @***.onmicrosoft.com

• @outlook.com

• @hotmail.com

Page 11: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Outcomes

▅ In Scope✓Learn about Graph API and how to use them

✓Exercise Graph API to implement some real mail scenarios

✓Set up a Graph-based mail app

▅ Out of Scope Complex “Outlook”

Page 12: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Sample Code Workshop Modules

https://github.com/InteropEvents

/mail-app-microsoft-graph

> exercises

Page 13: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

https://github.com/InteropEvents/mail-app-microsoft-graph > exercises

▪ Warm up – Set up your environment

▪ Get your meeting list

▪ Get your contacts

▪ Send a mail to Ivy

Page 14: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Warm up – Set up your environment

Overview

• In this module you will set up the solution and run the first Graph API.

Download the workshop code base

• mail-app-microsoft-graph/workshop-code-base

Build the solution

• Build the solution in visual studio

Run the solution

• Run the solution, sign-in and get your mail list

Page 15: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Get your meeting list

Overview

• In this module you will get your meetings

Read the Graph API to list events

• https://developer.microsoft.com/en-us/graph/docs/api-reference/v1.0/api/user_list_events

Implement list events functions

• graph-meeting.js

Get your meeting list

Page 16: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Get your Contacts

Overview

• In this module you will get your contacts in your address book

Read the Graph API to list contacts

• https://developer.microsoft.com/en-us/graph/docs/api-reference/v1.0/api/user_list_contacts

Implement list contacts functions

• graph-contact.js

Get your contacts

Page 17: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Send a mail to Ivy

Overview

• In this module you will send a mail to Jinlin

Read the Graph API to send mail

• https://developer.microsoft.com/en-us/graph/docs/api-reference/v1.0/api/user_sendmail

Implement send mail function

• graph-mail.js

Send a mail to Ivy

[email protected]

Page 18: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Sample Code EWS to Graph Tool

Page 19: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download
Page 20: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

Sample Code EWS to Graph Tool

https://github.com/InteropEvents/mail-app-microsoft-graph/tree/master/more%20resources/EWSToGraph

Page 21: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download

More Resources

Microsoft Graph Developer Site

• https://developer.microsoft.com/en-us/graph

Stack Overflow Questions

• http://stackoverflow.com/questions/tagged/microsoftgraph

Make this workshop as your own App

• https://github.com/InteropEvents/mail-app-microsoft-graph/blob/master/exercises ->5

Wrap the code and deploy it as Android App

• https://github.com/InteropEvents/mail-app-microsoft-graph/blob/master/exercises ->6

Page 22: 雲的力量 – 用Graph開發你的雲郵 件應用 · Warm up – Set up your environment Overview •In this module you will set up the solution and run the first Graph API. Download