Forum Discussion

cmbalderrama's avatar
cmbalderrama
Copper Contributor
May 17, 2021

Difference between teams app tab and website tab inside team channel

When I try to create an app in app studio and put a webpage URL in a personal tab, It won't load, doesn't show anything (I read that is because most of the pages won't allow to be embed in an iframe)...
developer
microsoft teams
Tips & Tricks
cmbalderrama's avatar
cmbalderrama
Copper Contributor

Hi,

well I'm trying to embed some internal pages, but I have tried with any pages, even google, when I put the URL in the personal tab when creating an app in app studio in won't show anything, but when I put the same URL in the teams channel tab with the website app it shows the page and work.

this is with the personal tab in app studio:

doesn't load anything but the link to go to website does work (so no problem with the url)

 and this in the teams channel tab:

 

 

 

StevenC365's avatar
StevenC365
MVP
May 19, 2021

cmbalderrama 

 

For a Teams app you would need to also list all the possible domains that would be accessed in the valid url section. For SharePoint pages I use the following

 

    "validDomains": [
        "<yourdomain>.sharepoint.com",
        "msft.spoppe.com",
        "resourceseng.blob.core.windows.net",
        "spoppe-a.akamaihd.net",
        "spoprod-a.akamaihd.net",
        "*.sharepoint-df.com",
        "*.sharepoint.com",
        "*.login.microsoftonline.com"
    ],
  • cmbalderrama's avatar
    cmbalderrama
    Copper Contributor
    May 19, 2021

    StevenC365 
    Hi,
    Yes I also have that but still doesn't work. I think valid domains are automatically added by app studio when a url is entered in the personal tab section:

    "validDomains": [
    "weather.com",
    ]
    }
     
    Am I missing something else?
    Thanks
    • Mamatha-MSFT's avatar
      Mamatha-MSFT
      Icon for Microsoft rankMicrosoft
      May 19, 2021

      Hi cmbalderrama, You can add websites in teams channel as a tab using "website" app without authentication in teams. But when you add website in a personal tab you need to add authentication for that website. Please go through this documentation to add authentication. 

      • cmbalderrama's avatar
        cmbalderrama
        Copper Contributor
        May 19, 2021
        Hi, umn I don't understand, I need to add authentication even if it is a public website like google? and I'm only using personal tabs not bots.
        Is there a way to do this trough the app studio? because why would they allow to create a personal tab there indicating the url if it can't be displayed.

        Thanks

Resources