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 just add a manifest file to my existing repo and feed that to the teams client. Would this be possible?
3 Replies
Sort By
- Prasad_Das-MSFT
Microsoft
To 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.
- SadPythonCopper Contributor
If my goal was to upload this to the MS app store for everyone, would I still just need to package my zip and icons?
Also, the manifest accesses env variables I have stored somewhere. Do I include that in the appPackage? Or do I need to hardcode that info?
If I'm hosting my existing app on aws, can I host the app package in S3 as well? I'm not sure I can spin up an entire azure tech stack for this.- Prasad_Das-MSFT
Microsoft
SadPython - To upload your app to the Microsoft Store, you'll need to package your zip and icons, and also include your app's manifest file. The manifest file should not contain hardcoded environment variables. Instead, it should reference the variables stored elsewhere, which is a secure practice to manage sensitive information like API keys.
- Create an App Manifest: