Forum Discussion
SadPython
Jun 12, 2024Copper Contributor
Embed existing app in teams tabs
I have an existing web app and I'd like to deploy a teams tab to the MS app store that simply embeds my app. I'm wondering if there is a way to avoid building an entirely separate app. I'd like to ju...
Prasad_Das-MSFT
Microsoft
Jun 12, 2024To add a Teams tab to your existing web app and deploy it to the Microsoft Teams app store, you need to follow these steps:
- Create an App Manifest:
- Create a
manifest.json
file that describes your app's configuration, including its capabilities and required resources. This manifest file will define your existing web app as a Teams tab. - The manifest file should include information such as the app name, icons, content URL (link to your existing web app), and other relevant details.
- Create a
- Configure App in Developer Portal:
- Sign in to the Developer Portal for Teams using your account.
- Import your app package (manifest file) in zip format to the Developer Portal.
- Configure basic information, branding, app features, permissions, single sign-on, languages, and domains for your app in the Developer Portal.
- Upload App Package to Teams:
- Create an app package by zipping the manifest file and app icons.
- Open Microsoft Teams, go to Apps > Manage your apps > Upload an app.
- Select Upload a custom app and upload your app package zip file.
- Follow the prompts to add the app to Teams and grant any required permissions.
- Preview Tab App in Teams:
- Once uploaded, your custom tab app will be available in Teams.
- Users can install the app from the Teams app store, and it will load your existing web app as a tab within Teams.
- Ensure that your existing web app is accessible via HTTPS as Teams accesses resources securely.
Thanks,
Prasad Das
------------------------------------------------------------------------------------------
If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.