Skip to content

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

Notifications You must be signed in to change notification settings

codefactorymx/microsoft-graph-angular

 
 

Repository files navigation

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.

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 84.9%
  • JavaScript 12.3%
  • HTML 2.2%
  • CSS 0.6%