6 juin 2016

Microsoft Graph & Développement Office 365Sébastien LevertOffice Servers & Services MVP

Qui est Sébastien Levert !?

Montreal, Canada oceanik.comOffice Servers &

Services MVP

Développeur Web @sebastienlevertsebastienlevert.co

m

Agenda• Introduction au Microsoft Graph• Applications Azure AD• S’amuser avec le Microsoft Graph

• /v1.0• /beta

• Démos• Développement Office 365• Ressources

Introduction au Microsoft Graph

Intégration avec Office 365

Qu’est-ce que le Microsoft Graph?Un seul accès pour:

1.Accéder les données/me, /users, /groups, /messages, /drive, ….

2.Traverser les données/drive/<id>/lastmodifiedByUser

3.Accéder aux tendances/insights/trending

4.Microsoft Account / Corporate

https://graph.microsoft.com/

Applications Azure AD

Authentication unique pour Office 365• Utilisation d’OpenID

Connect• Azure AD & les services Office

365• Support du MFA et de

l’authentification fédérée• Applications mobiles,

sites web, SPAs, services

• Permettre l’ajout d’application dans le App Launcher Office 365

Common Consent• Consentement usager

et administrateur• Protocole sécurité

• OpenID Connect + OAuth 2.0• Aucune capture des

informations de connexion• Portée d’accès spécifique• Utilisation des jetons de

rafraîchissement

Options d’authentification• Azure AD

• Flux d’authentification séparé et dédié aux usagers Azure AD

• Azure AD & Microsoft Accounts (Preview)• Authentification convergée avec les comptes Live + Azure AD

S’amuser avec le Graph/v1.0

Comment utiliser le Graph?• API REST OData

• Certains des mot clés disponibles dans vos appels REST• Tous vos appels à l’API doivent être authentifiés

via votre application Azure AD

/v1.0• https://graph.microsoft.com/v1.0/me• https://graph.microsoft.com/v1.0/me/events• https://graph.microsoft.com/v1.0/me/events?

$select=subject,body, location,organizer&$filter=subject eq 'Very important meeting'

• https://graph.microsoft.com/v1.0/me/messages• https://graph.microsoft.com/v1.0/me/MailFolders/

Inbox/messages• https://graph.microsoft.com/v1.0/me/drive• https://graph.microsoft.com/v1.0/me/drive/root/

children

Methods• POST

https://graph.microsoft.com/v1.0/me/microsoft.graph.sendMail{ "Message": { "subject": "Mail sent from the Microsoft Graph", "body": { "contentType": "HTML", "content": "How cool is that?!" }, "toRecipients": [ { "emailAddress": { "name": "Sébastien Levert", "address": "admin@slevert365.onmicrosoft.com" } } ] }, "SaveToSentItems": true}

Démos GraphConsole Application, AngularJS SPA, Application UWP

WebHooks• Disponible sur

• Mails• Calendar Items• Personal Contacts

• https://graph.microsoft.com/v1.0/subscriptions

Démo Webhook

S’amuser avec le Graph/beta

/beta• https://graph.microsoft.com/beta/me• https://graph.microsoft.com/beta/groups?

$filter=groupTypes/any(c:c+eq+'Unified')• https://graph.microsoft.com/beta/me/tasks• https://graph.microsoft.com/beta/me/trendingAround• https://graph.microsoft.com/beta/me/drive/items/

01CJXFBOUU4KTNRTR5MJB3VSKOGNAOVK23/workbook/worksheets('ToDoList')/tables(‘1’)/rows

Développement Office

Introduction aux Office Add-Ins

Survol de la plateforme Office Add-Ins• Les Office Add-Ins vous permettent d’étendre les

clients Office • Tels que Word, Excel, PowerPoint et Outlook en utilisant les

technologies web comme HTML, CSS et JavaScript.• Vous pouvez utiliser les Office Add-Ins pour :

• Ajouter une nouvelle fonctionnalité aux clients Office• Créer de nouveaux objets riches et interactifs qui peuvent être

intégrés dans un document Office• Les Office Add-Ins s’exécutent sur différentes

versions d’Office• Incluant Office pour Windows Desktop, Office Online, Office pour

Mac, and Office pour iPad.

Les plateformes supportées

Anatomie d’un Office Add-In

Le manifest• Le nom, description, ID, version et la langue par

défaut• Comment l’Add-In s’intègre avec Office• Les niveaux de permission et les accès aux

données requis pour le Add-In

L’application web• Le minimum requis est une application web

avec une page HTML statique. Cette page peur être hébergée n’importe où!

• L’Office Add-In peut interagir avec le client Office ou pas du tout! L’utilisation et l’intégration d’Office.js est la clé pour l’interaction avec le client.

DémosExcel Add-In, yo office, GifMe, BabylonJS

Conclusion

Ressources

Réferences• Documentation, examples & autres

• https://dev.office.com• https://graph.microsoft.io

• Stack overflow• [MicrosoftGraph] & [Office365]

• Twitter• #MicrosoftGraph & #Office365Dev

Réferences• Graph Explorer

• https://graph.microsoft.io/en-us/graph-explorer• OfficeDev Github

• https://github.com/OfficeDev• https://github.com/MicrosoftGraph

Sources• NextMeetingsForGraphSample

• https://github.com/Mimetis/NextMeetingsForGraphSample• aspnet-webhooks-rest-sample

• https://github.com/microsoftgraph/aspnet-webhooks-rest-sample• MicrosoftGraph.Office365.DotNetSDK

• https://github.com/OfficeDev/PnP/tree/dev/Samples/MicrosoftGraph.Office365.DotNetSDK

• Office Hub• https://github.com/sebastienlevert/officehub

• Excel-Add-in-JS-BabylonJS• https://github.com/OfficeDev/Excel-Add-in-JS-BabylonJS