Teams Tab App displays "chromewebdata/" instead of HTML file

[George71]

Hi,

I'm having trouble loading a custom tab in Teams on an external web server. When I use the DevTools, I can see that the default index.html file is not opened. I instead see "extension-tab-frame (chromewebdata/)". Do you have any idea why?

When I use ngrok to host the exact same Teams tab app on localhost, it works fine. It displays the file "index.html":

Do I need to configure something in my manifest.json file or in the Azure AD to allow an a Teams tab app to be hosted on an external web server? I can display the index.html file in a browser so there does not appear to be anyting wrong with the web server. (I'm using Tomcat with TLS on port 443)

Here is what what my Teams tab app manifest.json file looks like:

{

    "$schema": "https://developer.microsoft.com/en-us/json-schemas/teams/v1.7/MicrosoftTeams.schema.json",

    "manifestVersion": "1.7",

    "version": "1.0.0",

    "id": "243244b2-5499-4442-864b-9e6be093ebbf",

    "packageName": "com.gctest",

    "developer": {

        "name": "GcTest",

        "websiteUrl": "https://www.microsoft.com",

        "privacyUrl": "https://www.microsoft.com/privacy",

        "termsOfUseUrl": "https://www.microsoft.com/termsofuse"

    },

    "icons": {

        "outline": "contoso20x20.png",

        "color": "contoso96x96.png"

    },

    "name": {

        "short": "GcTest App",

        "full": "GcTest App for Microsoft Teams"

    },

    "description": {

        "short": "App for Microsoft Teams",

        "full": "This app provides an innterface to make GENCom voice calls from within Microsoft Teams."

    },

    "accentColor": "#60A18E",

    "staticTabs": [

        {

            "entityId": "com.gctest.findcontacts",

            "name": "Contact List",

            "contentUrl": "https://172.29.120.99/gctest/findcontacts.html",

            "scopes": [

                "team"

            ]

        }

    ],

    "permissions": [

        "identity",

        "messageTeamMembers"

    ],

    "validDomains": [

        "172.29.120.99"

    ]

}

Thanks!

George

[#2]

@George71 , I see that valid domains is an ip address.You need to have a valid domain to make this work. 

[#3]

@Manish-MSFT, does the the domain need to be visible by the Azure AD as well? Right now there is no domain defined for the IP address I am using so I am wondering if I can just add an entry in my Windows host file C:\Windows\System32\drivers\etc\hosts. If I do this, it won't be visible to the Azure AD.  Does it matter?

[#4]

@George71 , Sorry for late response from our side, In order for webpages to load you need to have valid domain mentioned in manifest. In manifest given above I see there is an IP address entered in place of vaild domains.