{"id":18023417,"url":"https://github.com/hongbo-miao/microsoft-graph-angular","last_synced_at":"2025-03-26T23:31:06.419Z","repository":{"id":104391003,"uuid":"90101953","full_name":"hongbo-miao/microsoft-graph-angular","owner":"hongbo-miao","description":"This project is showing how you can use Microsoft Graph in your Angular 4 project","archived":false,"fork":false,"pushed_at":"2017-08-15T19:29:35.000Z","size":48,"stargazers_count":11,"open_issues_count":2,"forks_count":4,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-22T17:23:11.267Z","etag":null,"topics":["angular","excel","microsoft-graph"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hongbo-miao.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-05-03T03:00:13.000Z","updated_at":"2022-11-03T10:10:10.000Z","dependencies_parsed_at":"2023-03-11T01:15:44.981Z","dependency_job_id":null,"html_url":"https://github.com/hongbo-miao/microsoft-graph-angular","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongbo-miao%2Fmicrosoft-graph-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongbo-miao%2Fmicrosoft-graph-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongbo-miao%2Fmicrosoft-graph-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hongbo-miao%2Fmicrosoft-graph-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hongbo-miao","download_url":"https://codeload.github.com/hongbo-miao/microsoft-graph-angular/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245753922,"owners_count":20666833,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","excel","microsoft-graph"],"created_at":"2024-10-30T07:09:27.555Z","updated_at":"2025-03-26T23:31:06.398Z","avatar_url":"https://github.com/hongbo-miao.png","language":"TypeScript","readme":"# Hello Microsoft Graph!\n\nThis project is showing how you can use [Microsoft Graph](https://developer.microsoft.com/en-us/graph/) in your Angular 4 project.\n\nMicrosoft Graph gives you power to interact with Excel, Outlook, OneDrive, OneNote, Planner, Azure AD, SharePoint, etc.\n\n## What this project does\nIt shows how you can Mircosoft Graph to login with a Microsoft account.\n\n![image](https://user-images.githubusercontent.com/3375461/28985978-e5d3ea26-7919-11e7-8a69-a52bccd3f46b.png)\n\nOnce you login, it reads the contacts of your Microsoft account.\n\n![image](https://user-images.githubusercontent.com/3375461/28985932-b4ef87a8-7919-11e7-8a67-31ba8d83fa24.png)\n\nIf you click \"Write to Excel\" button, it writes the contacts to an Excel file.\n\n![image](https://cloud.githubusercontent.com/assets/3375461/26473949/19163702-4163-11e7-9a41-fe7482422a23.png)\n\n\u003e Note before write to Excel, you need create an file called \"demo.xlsx\" in root folder of your OneDrive.\n\u003e Then create an table called \"Table 1\" which has two columns in the Excel like below:\n\u003e ![image](https://cloud.githubusercontent.com/assets/3375461/26473786/2f912ace-4162-11e7-93e0-56a697ff294b.png)\n\u003e\n\u003e This project try to be as simple as possible to help you quick start.\n\u003e In the future, we will provide a simple API to create empty file.\n\n## How to run\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli).\nUse `npm start` or `ng serve` to run. Navigate to [http://localhost:4200/](http://localhost:4200/).\n\n## How to create a project by yourself\n\nTo create your app, you need get an App ID at [https://apps.dev.microsoft.com/](https://apps.dev.microsoft.com/).\n\nConfigure the app with the permissions you need. Check **Allow Implicit Flow**. Update **Redirect URLs**.\n\nThis demo needs `Contacts.Read`, `Files.ReadWrite` permissions. The Redirect URLs are `http://localhost:4200`, `http://localhost:4200/home`.\n\nSome of these info also need to be set up in the app [config file](https://github.com/Hongbo-Miao/microsoft-graph-angular/blob/master/src/app/shared/configs.ts).\n\n## Learn More\n\nTo learn more about Microsoft Graph, please check [this document](https://developer.microsoft.com/en-us/graph/).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhongbo-miao%2Fmicrosoft-graph-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhongbo-miao%2Fmicrosoft-graph-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhongbo-miao%2Fmicrosoft-graph-angular/lists"}