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
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",
"http://www.google.com.mx"
]
}
 
Am I missing something else?
Thanks
  • Mamatha-MSFT's avatar
    Mamatha-MSFT
    Former Employee
    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
      • Mamatha-MSFT's avatar
        Mamatha-MSFT
        Former Employee
        May 20, 2021

        Hi cmbalderrama - Tabs in teams display a web content  which are IFramable. But Google will send an "X-Frame-Options: SAMEORIGIN" response header.

        To open Google as a tab in teams use content url as shown below.

        https://www.google.com/webhp?igu=1

        Let me know if the issue resolved. 

Resources