Teams Tab App Not Working On External Web Server

%3CLINGO-SUB%20id%3D%22lingo-sub-1735488%22%20slang%3D%22en-US%22%3ETeams%20Tab%20App%20Not%20Working%20On%20External%20Web%20Server%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1735488%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20trying%20to%20deploy%20my%20Teams%20tab%20app%20on%20an%20external%20Tomcat%20web%20server%20but%20Teams%20is%20not%20rendering%20the%20tab.%20i.e.%20the%20tab%20is%20blank.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHowever%2C%20when%20I%20use%20ngrok%20and%20deploy%20the%20same%20Teams%20tab%20app%20in%20Tomcat%20on%20my%20localhost%20server%2C%20it%20works%20fine.%20I%20have%20used%20the%20Wireshark%20packet%20capture%20tool%20to%20verify%20the%20external%20Tomcat%20server%20is%20receiving%20and%20responding%20to%20the%20messages%20from%20the%20Teams%20app.%3CBR%20%2F%3E%3CBR%20%2F%3EDo%20I%20need%20to%20configure%20anything%20in%20the%20manifest.json%20file%20and%2For%20Azure%20AD%20to%20allow%20my%20Teams%20tab%20app%20to%26nbsp%3B%20handle%20TLS%20or%20to%20recognize%20the%20external%20server%3F%20Is%20there%20a%20difference%20between%20ngrok%20and%20Tomcat%20in%20how%20TLS%20handled%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20there%20a%20log%20file%20generated%20from%20rendering%20my%20Teams%20tab%20app%3F%20If%20so%2C%20where%20is%20it%20located%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks!%3C%2FP%3E%3CP%3EGeorge%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1735488%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1744136%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20Tab%20App%20Not%20Working%20On%20External%20Web%20Server%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1744136%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F721379%22%20target%3D%22_blank%22%3E%40George71%3C%2FA%3E%26nbsp%3B-%20Did%20you%20add%20valid%20domain%20to%20the%20manifest%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1745561%22%20slang%3D%22en-US%22%3ERe%3A%20Teams%20Tab%20App%20Not%20Working%20On%20External%20Web%20Server%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1745561%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F590590%22%20target%3D%22_blank%22%3E%40Nikitha-MSFT%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20did%20add%20a%20valid%20domain%20to%20the%20manifest.json%20file.%20Here%20is%20my%20manifest%20file%3A%3C%2FP%3E%3CDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%7B%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22%24schema%22%3A%26nbsp%3B%22%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fen-us%2Fjson-schemas%2Fteams%2Fv1.7%2FMicrosoftTeams.schema.json%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fen-us%2Fjson-schemas%2Fteams%2Fv1.7%2FMicrosoftTeams.schema.json%3C%2FA%3E%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22manifestVersion%22%3A%26nbsp%3B%221.7%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22version%22%3A%26nbsp%3B%221.0.0%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22id%22%3A%26nbsp%3B%22243244b2-5499-4442-864b-9e6be093ebbf%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22packageName%22%3A%26nbsp%3B%22com.gctest%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22developer%22%3A%26nbsp%3B%7B%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22name%22%3A%26nbsp%3B%22GcTest%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22websiteUrl%22%3A%26nbsp%3B%22%3CA%20href%3D%22https%3A%2F%2Fwww.microsoft.com%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.microsoft.com%3C%2FA%3E%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22privacyUrl%22%3A%26nbsp%3B%22%3CA%20href%3D%22https%3A%2F%2Fwww.microsoft.com%2Fprivacy%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.microsoft.com%2Fprivacy%3C%2FA%3E%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22termsOfUseUrl%22%3A%26nbsp%3B%22%3CA%20href%3D%22https%3A%2F%2Fwww.microsoft.com%2Ftermsofuse%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fwww.microsoft.com%2Ftermsofuse%3C%2FA%3E%22%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%7D%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22icons%22%3A%26nbsp%3B%7B%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22outline%22%3A%26nbsp%3B%22contoso20x20.png%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22color%22%3A%26nbsp%3B%22contoso96x96.png%22%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%7D%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22name%22%3A%26nbsp%3B%7B%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22short%22%3A%26nbsp%3B%22GENCom%26nbsp%3BApp%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22full%22%3A%26nbsp%3B%22GENCom%26nbsp%3BApp%26nbsp%3Bfor%26nbsp%3BMicrosoft%26nbsp%3BTeams%22%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%7D%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22description%22%3A%26nbsp%3B%7B%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22short%22%3A%26nbsp%3B%22App%26nbsp%3Bfor%26nbsp%3BMicrosoft%26nbsp%3BTeams%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22full%22%3A%26nbsp%3B%22This%26nbsp%3Bapp%26nbsp%3Bprovides%26nbsp%3Ban%26nbsp%3Binnterface%26nbsp%3Bto%26nbsp%3Bmake%26nbsp%3BGENCom%26nbsp%3Bvoice%26nbsp%3Bcalls%26nbsp%3Bfrom%26nbsp%3Bwithin%26nbsp%3BMicrosoft%26nbsp%3BTeams.%22%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%7D%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22accentColor%22%3A%26nbsp%3B%22%2360A18E%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22staticTabs%22%3A%26nbsp%3B%5B%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%7B%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22entityId%22%3A%26nbsp%3B%22com.gctest.findcontacts%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22name%22%3A%26nbsp%3B%22Contact%26nbsp%3BList%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22contentUrl%22%3A%26nbsp%3B%22%3CA%20href%3D%22https%3A%2F%2F172.29.120.99%2Fgctest%2Ffindcontacts.html%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2F172.29.120.99%2Fgctest%2Ffindcontacts.html%3C%2FA%3E%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22scopes%22%3A%26nbsp%3B%5B%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22team%22%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%5D%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%7D%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%5D%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22permissions%22%3A%26nbsp%3B%5B%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22identity%22%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22messageTeamMembers%22%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%5D%2C%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22validDomains%22%3A%26nbsp%3B%5B%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%22172.29.120.99%22%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%26nbsp%3B%26nbsp%3B%26nbsp%3B%26nbsp%3B%5D%3C%2FFONT%3E%3C%2FDIV%3E%3CDIV%3E%3CFONT%20size%3D%222%22%3E%7D%3C%2FFONT%3E%3C%2FDIV%3E%3C%2FDIV%3E%3C%2FLINGO-BODY%3E
Contributor

Hi,

 

I'm trying to deploy my Teams tab app on an external Tomcat web server but Teams is not rendering the tab. i.e. the tab is blank.

 

However, when I use ngrok and deploy the same Teams tab app in Tomcat on my localhost server, it works fine. I have used the Wireshark packet capture tool to verify the external Tomcat server is receiving and responding to the messages from the Teams app.

Do I need to configure anything in the manifest.json file and/or Azure AD to allow my Teams tab app to  handle TLS or to recognize the external server? Is there a difference between ngrok and Tomcat in how TLS handled?

 

Is there a log file generated from rendering my Teams tab app? If so, where is it located?

 

Thanks!

George

 

 

4 Replies

@George71 - Did you add valid domain to the manifest?

@Nikitha-MSFT 

I did add a valid domain to the manifest.json file. Here is my manifest file:

{
    "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": "GENCom App",
        "full": "GENCom 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"
    ]
}

@George71 - IP address will not support for the tab. Valid you please try adding the web domain instead of IP address? Try if that helps.