Skip to content
Skip to content
Menu
A cup of dev
  • Home
  • About
  • Ink and yarn
  • Contact
A cup of dev

Testing Teams apps made easier with the new developer portal

By Eli H. Schei on Monday, 8 November 2021, 7:52Monday, 8 November 2021, 7:52

One of my most read blogposts are the one about sideloading apps in Microsoft Teams, so when I heard about the developer portal and how it makes it easier to test Teams apps I thought I should write about that too. The developer portal was made general available for all Teams developers in october this year (2021). I really like that you get both resources and tools presented in the same place. And of course that they have made it very easy too test Teams apps.

Note! Since I have allready been testing Teams apps before, I have enabled both sideloading and the ‘allow interaction with cusom apps’ setting (external link)on my dev-tenant. I have not tried to test an app from the developer portal without these settings – so its possible you still have to enable them to use the developer portal for testing.

How to test teams apps through the developer portal

Start by navigating to the developer portal, you can find it here: https://dev.teams.microsoft.com/home . If you are not allready logged in – do so.

The startpage of the developer portal. It has a bar on the left side. In the center of the page there is a welcome message and a button "get started". Underneath there are multiple shortcuts to resources.

In the navigation on the left side, select Apps. This will show you the apps that you have allready added. There are also shortcuts to create a new app (I havn’t tested this yet) or import an existing app. In this blogpost I will assume you allready have an app you want to test, so either import it, or select it from the list.

When you select an app you will get a landing page for that specific app. Here you can find a lot of usefull information about the app, and you can also change some configurations from here.

In the upper right corner you will see a button that sais “Preview in Teams”.

When clickling the button you will first get promted to open Teams, and inside Teams you’ll get a dialog to add the app to a teams tab. Click the “Add to a team” button and select the team where you would like the app to be installed.

And thats it, now you can test your app inside teams. šŸ™‚

Pro tip: Add the developer portal as an app in Teams

The developer portal is actually available as a Teams app itself. Install it and you can manage and test your Teams applications directly from teams.

Resources:

  • Manage your Microsoft Teams apps with the Developer Portal – Microsoft 365 Developer Blog
  • Manage your apps with the Developer Portal – Teams | Microsoft Docs

Did you find this article usefull? Follow me on twitter to be notified when I publish something new!

Also, if you have any feedback or questions, please let me know in the comments below. šŸ™‚

Thank you for reading, and happy coding!

/Eli

Share this:

  • Twitter
  • Facebook

Post navigation

5 reasons I started a ‘developer blog’ and why you should concider starting one too.
Upload files to SharePoint with JavaScript using Microsoft Graph and Microsoft Authentication Library.

Leave a ReplyCancel reply

Eli H. Schei

I'm a front-end developer who mainly work in the Microsoft 365-sphere. As a developer I read a lot of blogs. And in my experience I can read multiple different blogposts about exactly the same topic, and only one of them makes sense to me. Therefore I’m adding my voice to the mix, and hopefully one of my blogposts will be the one that makes sense of a topic for you. You can learn more about me here.

Recent Posts

  • Give your app granular permissions to a specific site or list in SharePoint
  • Microsoft Graph Magic: Simplifying User Removal from teams in Microsoft Teams
  • How to leverage teams-js in your Teams app; Working with user context and SharePoint site context
  • Building a ‘My Tools’ Web Part for SharePoint: Using SPfx and PnPjs
  • My top 3 most read blogpost of 2023

Categories

  • Azure
    • Azure functions
  • Level
    • Beginner
    • Intermediate
  • Microsoft 365 Development
    • Microsoft Authentication Library
    • Microsoft Graph
    • Microsoft Teams
    • PNP powershell
    • PowerApps
      • PowerApps Component Framework
    • SharePoint Framework
    • SharePoint Online
  • Tech Lead
  • Web development
    • Accessibility
    • Soft skills
    • Tips and tricks

Tags

accessibility app permissions ARIA azure Azure CLI azure functions Content creation custom themes favorites git github M365 CLI M365 development MS Graph PCF PnPjs PnP powershell power apps PowerApps Component Framework quicktip react resources SharePoint Online Sideloading SPfx Teams teams app dev Teams apps Tech lead tools wcag webdev Windows terminal
©2025 A cup of dev | WordPress Theme by SuperbThemes.com