Search code examples
outlookmicrosoft-teamsmanifestteams-toolkit

Simple tab app created by Teams toolkit does not work on Outlook


I am trying to create a Teams app extended to Microsoft 365 by following the quick start of this doc: Extend a Teams personal tab across Microsoft 365

I only want a simple personal tab with an iFrame of my website (which has all the authorization to be embedded).

Teams toolkit

I'm using the VSC extension Teams toolkit to create this unified manifest. Debug in Teams works well ✅

However, Debug in Outlook does nothing really work: it's blocked in a loading page → see the screenshot attached. Debug in Outlok

Export zip manifest

So I tried to export the manifest in a zip file with the appropriate format inside (see at the end the manifest).

My application and its iFrame :

Do you know why the unified manifest I used does not work in Outlook ? Is there a specific release to wait for to enable this feature (I don't see this information on the learning center).

Does someone have already tried this ? How did you manage it to work ? Thank you

Here is the manifest.json extracted from my zip

{
    "$schema": "https://developer.microsoft.com/en-us/json-schemas/teams/v1.16/MicrosoftTeams.schema.json",
    "manifestVersion": "1.16",
    "version": "1.0.0",
    "id": "xxxxxxxxxxxxxxxxxxx",
    "packageName": "com.microsoft.teams.extension",
    "developer": {
        "name": "Teams App, Inc.",
        "websiteUrl": "https://www.example.com",
        "privacyUrl": "https://www.example.com/privacy",
        "termsOfUseUrl": "https://www.example.com/termsofuse"
    },
    "icons": {
        "color": "color.png",
        "outline": "outline.png"
    },
    "name": {
        "short": "tabs-basic-20230807",
        "full": "Full name for tabs-basic-20230807"
    },
    "description": {
        "short": "Short description of tabs-basic-20230807",
        "full": "Full description of tabs-basic-20230807"
    },
    "accentColor": "#FFFFFF",
    "bots": [],
    "composeExtensions": [],
    "staticTabs": [
        {
            "entityId": "index0",
            "name": "Personal Tab",
            "contentUrl": "https://impactco2.fr/iframes/transport?theme=default",
            "websiteUrl": "https://impactco2.fr/iframes/transport?theme=default",
            "scopes": [
                "personal"
            ]
        }
    ],
    "permissions": [
        "identity",
        "messageTeamMembers"
    ],
    "validDomains": [
        "$https://impactco2.fr"
    ]
}

Solution

  • I finally found after hours of research : you need to enable Targeted release for everyone on your Admin Center > Org settings > Organization profile

    Picture of the interface to enable early release

    I don't know why this setting needs to be modified for Outlook and not for Ms365 and Teams...

    Anyway, case solved.