{"id":19878830,"url":"https://github.com/khandelwal-arpit/angular-azure-auth","last_synced_at":"2026-05-16T13:03:31.540Z","repository":{"id":99701141,"uuid":"311409333","full_name":"khandelwal-arpit/angular-azure-auth","owner":"khandelwal-arpit","description":"Demonstrate authenticating Angular apps with Azure Active Directory using MSAL Angular.","archived":false,"fork":false,"pushed_at":"2020-11-09T17:19:49.000Z","size":3356,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-26T14:49:44.620Z","etag":null,"topics":["angular","azure-ad","azure-authentication","msal"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/khandelwal-arpit.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2020-11-09T17:10:03.000Z","updated_at":"2020-11-10T05:19:31.000Z","dependencies_parsed_at":"2023-07-31T13:02:04.668Z","dependency_job_id":null,"html_url":"https://github.com/khandelwal-arpit/angular-azure-auth","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/khandelwal-arpit/angular-azure-auth","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khandelwal-arpit%2Fangular-azure-auth","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khandelwal-arpit%2Fangular-azure-auth/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khandelwal-arpit%2Fangular-azure-auth/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khandelwal-arpit%2Fangular-azure-auth/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/khandelwal-arpit","download_url":"https://codeload.github.com/khandelwal-arpit/angular-azure-auth/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khandelwal-arpit%2Fangular-azure-auth/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33103970,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-16T04:41:52.686Z","status":"ssl_error","status_checked_at":"2026-05-16T04:41:52.009Z","response_time":115,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","azure-ad","azure-authentication","msal"],"created_at":"2024-11-12T17:06:45.977Z","updated_at":"2026-05-16T13:03:31.517Z","avatar_url":"https://github.com/khandelwal-arpit.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003ca\u003e\u003cimg src=\"https://github.com/khandelwal-arpit/angular-azure-auth/blob/master/documentation/logo.png\" alt=\"MSAL\"\u003e\u003c/a\u003e\n  \u003cbr\u003e\n\u003c/h1\u003e\n\n# Angular MSAL Based Authentication\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.2.0. The objective of this project is to demonstrate authenticating Angular apps with Azure Active Directory using MSAL Angular 1.0.\n\n## MSAL library\nMicrosoft released Version 1.0 of its Library for Angular that facilitates the implementation of OAuth 2.0 token based authentication into Azure Active Directory. The library was released on May 3rd 2020 ending a long phase of workarounds and beta versions of the Angular variant of the MSAL library for Single Page Applications (SPA).\n\n## Prerequisites\n- NPM, Angular CLI (v10)\n- Azure AD, get your free Azure account here: https://azure.microsoft.com/en-us/free/\n\n## Development server\n\nRun `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\n\n## Code scaffolding\n\nRun `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.\n\n## Build\n\nRun `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.\n\n## Environment Configurations\n\nReplace the following in the environment.ts config with your application specific values:\n\n- clientId: '{YOUR-APP-CLIENT_ID}',\n- authority: 'https://login.microsoftonline.com/{YOUR-APP-TENANT-ID}/'\n\n## Configure a new app registration in Azure AD\n\n\u003cp align=\"center\"\u003e\n    \u003cb\u003eAzure AD App Registrations\u003c/b\u003e\u003cbr\u003e\n    \u003cbr\u003e\n    \u003cimg width=\"600\" src=\"https://github.com/khandelwal-arpit/angular-azure-auth/blob/master/documentation/MS-AD-1.png\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cb\u003eConfigure Redirect URI\u003c/b\u003e\u003cbr\u003e\n    \u003cbr\u003e\n    \u003cimg width=\"600\" src=\"https://github.com/khandelwal-arpit/angular-azure-auth/blob/master/documentation/MS-AD-2.png\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cb\u003eConfigure SPA\u003c/b\u003e\u003cbr\u003e\n    \u003cbr\u003e\n    \u003cimg width=\"600\" src=\"https://github.com/khandelwal-arpit/angular-azure-auth/blob/master/documentation/MS-AD-3.png\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cb\u003eClient Id \u0026 Tenant Id\u003c/b\u003e\u003cbr\u003e\n    \u003cbr\u003e\n    \u003cimg width=\"600\" src=\"https://github.com/khandelwal-arpit/angular-azure-auth/blob/master/documentation/MS-AD-4.png\"\u003e\n\u003c/p\u003e\n\n## Application Screenshots\n\n\u003cp align=\"center\"\u003e\n    \u003cb\u003eLaunch Page\u003c/b\u003e\u003cbr\u003e\n    \u003cbr\u003e\n    \u003cimg width=\"600\" src=\"https://github.com/khandelwal-arpit/angular-azure-auth/blob/master/documentation/pg-1.png\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cb\u003eLogin Page\u003c/b\u003e\u003cbr\u003e\n    \u003cbr\u003e\n    \u003cimg width=\"600\" src=\"https://github.com/khandelwal-arpit/angular-azure-auth/blob/master/documentation/pg-2.png\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cb\u003ePassword Page\u003c/b\u003e\u003cbr\u003e\n    \u003cbr\u003e\n    \u003cimg width=\"600\" src=\"https://github.com/khandelwal-arpit/angular-azure-auth/blob/master/documentation/pg-3.png\"\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cb\u003eProfile Page\u003c/b\u003e\u003cbr\u003e\n    \u003cbr\u003e\n    \u003cimg width=\"600\" src=\"https://github.com/khandelwal-arpit/angular-azure-auth/blob/master/documentation/pg-4.png\"\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhandelwal-arpit%2Fangular-azure-auth","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkhandelwal-arpit%2Fangular-azure-auth","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhandelwal-arpit%2Fangular-azure-auth/lists"}