search

hongbo-miao / microsoft-graph-angular

This project is showing how you can use Microsoft Graph in your Angular 4 project
11 stars 4 forks source link
angular excel microsoft-graph

readme

Hello Microsoft Graph!

This project is showing how you can use Microsoft Graph in your Angular 4 project.

Microsoft Graph gives you power to interact with Excel, Outlook, OneDrive, OneNote, Planner, Azure AD, SharePoint, etc.

What this project does

It shows how you can Mircosoft Graph to login with a Microsoft account.

image

Once you login, it reads the contacts of your Microsoft account.

image

If you click "Write to Excel" button, it writes the contacts to an Excel file.

image

Note before write to Excel, you need create an file called "demo.xlsx" in root folder of your OneDrive. Then create an table called "Table 1" which has two columns in the Excel like below: image

This project try to be as simple as possible to help you quick start. In the future, we will provide a simple API to create empty file.

How to run

This project was generated with Angular CLI. Use npm start or ng serve to run. Navigate to http://localhost:4200/.

How to create a project by yourself

To create your app, you need get an App ID at https://apps.dev.microsoft.com/.

Configure the app with the permissions you need. Check Allow Implicit Flow. Update Redirect URLs.

This demo needs Contacts.Read, Files.ReadWrite permissions. The Redirect URLs are http://localhost:4200, http://localhost:4200/home.

Some of these info also need to be set up in the app config file.

Learn More

To learn more about Microsoft Graph, please check this document.