{"id":15678879,"url":"https://github.com/sinedied/teams-angular","last_synced_at":"2026-03-06T09:02:48.146Z","repository":{"id":42570482,"uuid":"456975147","full_name":"sinedied/teams-angular","owner":"sinedied","description":"Angular schematics to create Microsoft Teams applications","archived":false,"fork":false,"pushed_at":"2023-04-07T10:05:51.000Z","size":470,"stargazers_count":12,"open_issues_count":6,"forks_count":1,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-08-09T17:20:31.233Z","etag":null,"topics":["angular","app","schematics","team"],"latest_commit_sha":null,"homepage":"","language":"HTML","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/sinedied.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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":"2022-02-08T14:50:02.000Z","updated_at":"2024-02-13T07:55:26.000Z","dependencies_parsed_at":"2025-03-10T22:32:11.535Z","dependency_job_id":"6c10ed6a-e664-479b-a8e4-0444885e3af4","html_url":"https://github.com/sinedied/teams-angular","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/sinedied/teams-angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sinedied%2Fteams-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sinedied%2Fteams-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sinedied%2Fteams-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sinedied%2Fteams-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sinedied","download_url":"https://codeload.github.com/sinedied/teams-angular/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sinedied%2Fteams-angular/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30168608,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-06T07:56:45.623Z","status":"ssl_error","status_checked_at":"2026-03-06T07:55:55.621Z","response_time":250,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6: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","app","schematics","team"],"created_at":"2024-10-03T16:25:17.065Z","updated_at":"2026-03-06T09:02:48.125Z","avatar_url":"https://github.com/sinedied.png","language":"HTML","readme":"# 👥 teams-angular\n\n[![NPM version](https://img.shields.io/npm/v/teams-angular.svg)](https://www.npmjs.com/package/teams-angular)\n[![Build Status](https://github.com/sinedied/teams-angular/workflows/build/badge.svg)](https://github.com/sinedied/teams-angular/actions)\n![Node version](https://img.shields.io/node/v/teams-angular.svg)\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)\n\n\u003e Angular schematics to create Microsoft Teams applications.\n\n## Usage\n\n### `ng new`\n\nThis package provides a schematic that creates a new Angular app configured to be deployed as a Microsoft Teams app. The generated app includes:\n\n- authentication configuration using Microsoft Identity Platform,\n- Single-Sign On (SSO) configuration with Microsoft Teams,\n- additional npm scripts to create Azure AD application and manage the Teams app package\n\nTo use this schematic, make sure you have `@angular/cli` installed and run:\n\n```sh\nnpm install -g teams-angular\nng new teams-app --collection teams-angular\n```\n\n\u003e Note: if you get an error like `An unhandled exception occurred: Collection \"teams-angular\" cannot be resolved.`, it may be related to your NPM installation. Here are a few commands that you can try to fix the issue:\n\u003e ```sh\n\u003e npm uninstall -g @angular/cli teams-angular\n\u003e npm cache clean --force\n\u003e npm install -g npm@latest\n\u003e npm install -g @angular/cli teams-angular\n\u003e ```\n\n## Deploying to production\n\nWhen you are ready to deploy your app to production, there are two main steps needed to make your app available to the public: first you need to deploy your web app on a server, and then you need to publish the app to your production tenant.\n\n#### Step 1: Deploying your web app\n\n1. Build app for production in `dist/` folder using `npm run build`.\n2. Deploy the built app to your favorite cloud provider. See [instructions below](#Deploying-Angular-app-to-to-Azure-Static-Web-Apps) for deploying to [Azure Static Web Apps](https://azure.microsoft.com/services/app-service/static/?WT.mc_id=javascript-0000-cxa) for example.\n\n#### Step 2: Deploying your Teams app\n\n1. Set your production URL with `node scripts/update-manifest.js \u003cproduction_url\u003e`\n1. Login to CLI for Microsoft 365 onto the production tenant: `npm run m365:login`\n1. Create the Azure Active Directory (AAD) app: `npm run m365:create-aad-app`\n1. Publish app to Teams: `npm run m365:publish`\n\n## Deploying web app to to Azure Static Web Apps\n\n\u003e What's Azure Static Web Apps? It's an all-inclusive hosting service for web apps providing features like continuous deployment, serverless APIs, authentication and more. And it has a free tier!\n\nPrerequisites:\n- A [GitHub account](https://github.com/join)\n- An [Azure account](https://azure.microsoft.com/free/?WT.mc_id=javascript-0000-cxa) (you can reuse your GitHub account to login)\n\n1. Click on this button to open the Azure portal:\u003cbr\u003e [![Deploy to Azure button](https://aka.ms/deploytoazurebutton)](https://portal.azure.com/?feature.customportal=false\u0026WT.mc_id=javascript-0000-cxa#create/Microsoft.StaticApp)\n2. Fill in the details (you don't need to change what's not mentioned):\n  - **Resource Group:** Select **Create new** and type in `angular-teams-app`\n  - **Name:** Type in `angular-teams-app`\n  - Select **Sign in with GitHub**, and pick the **Organization**, **Repository** and **Branch** for the repo with the app you want to deploy.\n3. Select **Review + Create**, then **Create**.\n\nWait a few seconds for everything to be set up, and click on **Go to resource**. From there, you'll be able to see the new public URL that was created for your app in the **URL** field.\n\nThis is what you'll use for your production URL. After a few minutes, your Teams app will be available at this URL.\n\nYou can find more tutorials on using Static Web Apps [here](https://docs.microsoft.com/learn/paths/azure-static-web-apps/?WT.mc_id=javascript-0000-cxa).\n\n## Contributing\n\nTo test locally, run `npm test:schematics`. This will act the same as the `generate` command of the Angular CLI, but using a debug mode.\n\n`npm run test` will run the unit tests, using Jest as a runner and test framework.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsinedied%2Fteams-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsinedied%2Fteams-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsinedied%2Fteams-angular/lists"}