Microsft Teams App does not load in the tab

%3CLINGO-SUB%20id%3D%22lingo-sub-1474426%22%20slang%3D%22en-US%22%3EMicrosft%20Teams%20App%20does%20not%20load%20in%20the%20tab%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1474426%22%20slang%3D%22en-US%22%3E%3CP%3EHi%2C%20I%20had%20created%20an%20application%20for%20teams%20using%20app%20studio.%20After%20install%20the%20app%20in%20teams%20when%20I%20enter%20the%20tab%20the%20page%20doesn%20t%20load%20in%20few%20words%20the%20page%20stay%20in%20blank.%20The%20Web%20Embed%20use%20Integrated%20Windows%20Authentication%2C%20maybe%20that%20is%20the%20problem.%26nbsp%3B%3C%2FP%3E%3CP%3EHere%20is%20the%20code%20manifest%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%20%20%22%24schema%22%3A%20%22https%3A%2F%2Fdeveloper.microsoft.com%2Fen-us%2Fjson-schemas%2Fteams%2Fv1.5%2FMicrosoftTeams.schema.json%22%2C%0A%20%20%20%20%22manifestVersion%22%3A%20%221.5%22%2C%0A%20%20%20%20%22version%22%3A%20%221.0.1%22%2C%0A%20%20%20%20%22id%22%3A%20%22276adadb-6089-444a-ad9d-3e11487d8bf8%22%2C%0A%20%20%20%20%22packageName%22%3A%20%22TI_MesaAyuda%22%2C%0A%20%20%20%20%22developer%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22name%22%3A%20%22Enzo%22%2C%0A%20%20%20%20%20%20%20%20%22websiteUrl%22%3A%20%22%22%2C%0A%20%20%20%20%20%20%20%20%22privacyUrl%22%3A%20%22https%3A%2F%2Ftickets.Prueba.Teams%22%2C%0A%20%20%20%20%20%20%20%20%22termsOfUseUrl%22%3A%20%22https%3A%2F%2Ftickets.Prueba.Teams%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22icons%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22color%22%3A%20%22color.png%22%2C%0A%20%20%20%20%20%20%20%20%22outline%22%3A%20%22outline.png%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22name%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22short%22%3A%20%22Mesa%20de%20ayuda%20TI%22%2C%0A%20%20%20%20%20%20%20%20%22full%22%3A%20%22Sistema%20de%20mesa%20de%20ayuda%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22description%22%3A%20%7B%0A%20%20%20%20%20%20%20%20%22short%22%3A%20%22Mesa%20de%20ayuda%20de%20%22%2C%0A%20%20%20%20%20%20%20%20%22full%22%3A%20%22Sistema%20de%20mesa%20de%20ayuda%20de%20Megalabs%20%20%20%20%20%22%0A%20%20%20%20%7D%2C%0A%20%20%20%20%22accentColor%22%3A%20%22%23FFFFFF%22%2C%0A%20%20%20%20%22staticTabs%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22entityId%22%3A%20%22Ticket1%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22name%22%3A%20%22Mesa%20de%20ayuda%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22contentUrl%22%3A%20%22https%3A%2F%2Ftickets.prueba.teams%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22websiteUrl%22%3A%20%22https%3A%2F%2Ftickets.prueba.teams%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22scopes%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22personal%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%2C%0A%20%20%20%20%22permissions%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%22identity%22%2C%0A%20%20%20%20%20%20%20%20%22messageTeamMembers%22%0A%20%20%20%20%5D%2C%0A%20%20%20%20%22validDomains%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%22tickets.prueba.teams%22%2C%0A%20%20%20%20%20%20%20%20%22https%3A%2F%2Ftickets.prueba.teams%22%0A%20%20%20%20%5D%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%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-1474426%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1476409%22%20slang%3D%22en-US%22%3ERe%3A%20Microsft%20Teams%20App%20does%20not%20load%20in%20the%20tab%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1476409%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F574619%22%20target%3D%22_blank%22%3E%40Enzo_Sambucetti%3C%2FA%3E%26nbsp%3B%2C%20I%20believe%20windows%20authentication%20is%20blocking%20your%20page%20to%20be%20loaded%20in%20teams%20desktop%20client.%20Are%20you%20facing%20the%20same%20for%20Teams%20web.%20to%20fix%20this%20you%20need%20to%20implement%20Teams%20auth%20with%20in%20Tab.%20please%20look%20at%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Ftabs%2Fhow-to%2Fauthentication%2Fauth-tab-aad%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3ETab%20Authentication%20in%20Teams%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1484353%22%20slang%3D%22en-US%22%3ERe%3A%20Microsft%20Teams%20App%20does%20not%20load%20in%20the%20tab%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1484353%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F371090%22%20target%3D%22_blank%22%3E%40Trinetra-MSFT%3C%2FA%3E%26nbsp%3B%20thank%20you%20for%20answer%2C%20I%20continue%20with%20the%20problem%2C%20you%20say%20that%20I%20need%20to%20use%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Ftabs%2Fhow-to%2Fauthentication%2Fauth-tab-aad%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%22%3ETab%20Authentication%20in%20Teams%3C%2FA%3E%26nbsp%3BHowever%20I%20understand%20this%20method%20works%20when%20you%20have%20your%20application%20registred%20in%20microsft%20azure%20and%20you%20get%20the%20token%20from%20the%20Azure%20AD.%20But%20in%20my%20case%20I%20use%20the%20AD%20from%20my%20company%20and%20not%20from%20Azure.%20Yoy%20think%20it%20could%20work%20anyway%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1508288%22%20slang%3D%22en-US%22%3ERe%3A%20Microsft%20Teams%20App%20does%20not%20load%20in%20the%20tab%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1508288%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F574619%22%20target%3D%22_blank%22%3E%40Enzo_Sambucetti%3C%2FA%3E%26nbsp%3B%2C%20Teams%20login%20page%20is%20an%20iframe%20if%20your%20login%20mechanism%20is%20not%20using%20an%20iframe%20teams%20will%20block%20and%20you%20need%20to%20by%20your%20auth%20using%20Teams%20Tab%20authentication.%3C%2FP%3E%3C%2FLINGO-BODY%3E
New Contributor

Hi, I had created an application for teams using app studio. After install the app in teams when I enter the tab the page doesn t load in few words the page stay in blank. The Web Embed use Integrated Windows Authentication, maybe that is the problem. 

Here is the code manifest:

 

 

 

{
    "$schema": "https://developer.microsoft.com/en-us/json-schemas/teams/v1.5/MicrosoftTeams.schema.json",
    "manifestVersion": "1.5",
    "version": "1.0.1",
    "id": "276adadb-6089-444a-ad9d-3e11487d8bf8",
    "packageName": "TI_MesaAyuda",
    "developer": {
        "name": "Enzo",
        "websiteUrl": "",
        "privacyUrl": "https://tickets.Prueba.Teams",
        "termsOfUseUrl": "https://tickets.Prueba.Teams"
    },
    "icons": {
        "color": "color.png",
        "outline": "outline.png"
    },
    "name": {
        "short": "Mesa de ayuda TI",
        "full": "Sistema de mesa de ayuda"
    },
    "description": {
        "short": "Mesa de ayuda de ",
        "full": "Sistema de mesa de ayuda de Megalabs     "
    },
    "accentColor": "#FFFFFF",
    "staticTabs": [
        {
            "entityId": "Ticket1",
            "name": "Mesa de ayuda",
            "contentUrl": "https://tickets.prueba.teams",
            "websiteUrl": "https://tickets.prueba.teams",
            "scopes": [
                "personal"
            ]
        }
    ],
    "permissions": [
        "identity",
        "messageTeamMembers"
    ],
    "validDomains": [
        "tickets.prueba.teams",
        "https://tickets.prueba.teams"
    ]
}

 

 

 

3 Replies

@Enzo_Sambucetti , I believe windows authentication is blocking your page to be loaded in teams desktop client. Are you facing the same for Teams web. to fix this you need to implement Teams auth with in Tab. please look at Tab Authentication in Teams

@Trinetra-MSFT  thank you for answer, I continue with the problem, you say that I need to use Tab Authentication in Teams However I understand this method works when you have your application registred in microsft azure and you get the token from the Azure AD. But in my case I use the AD from my company and not from Azure. Yoy think it could work anyway?

@Enzo_Sambucetti , Teams login page is an iframe if your login mechanism is not using an iframe teams will block and you need to by your auth using Teams Tab authentication.