sp-dev-fx-webparts/samples/react-graph-personalemail

Personal e-mail

Summary

Sample React web part showing how to retrieve and display personal e-mail retrieved using the Microsoft Graph.

Compatibility

⚠️ Important
Every SPFx version is only compatible with specific version(s) of Node.js. In order to be able to build this sample, please ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node.
Refer to https://aka.ms/spfx-matrix for more information on SPFx compatibility.

For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix

Applies to

• SharePoint Framework
• Office 365 developer tenant

Solution

Solution	Author(s)
react-graph-personalemail	Waldek Mastykarz (MVP, Rencore, @waldekm)

Version history

Version	Date	Comments
1.0	October 3, 2018	Initial release

Minimal Path to Awesome

• clone this repo
• in the command line run:
  • npm i
  • gulp bundle --ship
  • gulp package-solution --ship
• deploy the package to your app catalog
• approve the API permission request to access e-mails using Microsoft Graph
• add the web part to a page

Features

This sample illustrates the following concepts on top of the SharePoint Framework:

• using the MSGraphClient to communicate with the Microsoft Graph in a SharePoint Framework solution
• requesting API permissions in a SharePoint Framework package
• retrieving e-mails using the Microsoft Graph
• using the MSGraphClient in a SharePoint Framework web part

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.