How to render SharePoint page in Teams static tab in Teams Desktop client?

[JonoSuave]

What type of issue is this?

Question

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Target SharePoint environment

SharePoint Online

What browser(s) / client(s) have you tested

• [ ] 💥 Internet Explorer
• [X] 💥 Microsoft Edge
• [X] 💥 Google Chrome
• [ ] 💥 FireFox
• [ ] 💥 Safari
• [ ] mobile (iOS/iPadOS)
• [ ] mobile (Android)
• [ ] not applicable
• [X] other (enter in the "Additional environment details" area below)

Additional environment details

-Teams Desktop client

Issue description

I’m trying to create a Teams personal tab app that renders our intranet homepage. Works on web browser but is blank on Teams desktop. Any ideas on how to debug the issue? My best guess is it’s an SSO issue. Here's what my Teams app manifest looks like (currently in test):

{ "$schema": "https://developer.microsoft.com/en-us/json-schemas/teams/v1.14/MicrosoftTeams.schema.json", "manifestVersion": "1.14", "version": "1.0.0", "id": "${{TEAMS_APP_ID}}", "packageName": "com.microsoft.teams.extension", "developer": { "name": "Teams App, Inc.", "websiteUrl": "${{TAB_ENDPOINT}}", "privacyUrl": "${{TAB_ENDPOINT}}/index.html#/privacy", "termsOfUseUrl": "${{TAB_ENDPOINT}}/index.html#/termsofuse" }, "icons": { "color": "color.png", "outline": "outline.png" }, "name": { "short": "JDTest-${{TEAMSFX_ENV}}", "full": "Full name for JDTest" }, "description": { "short": "Short description of JDTest", "full": "Full description of JDTest" }, "accentColor": "#FFFFFF", "bots": [], "composeExtensions": [], "configurableTabs": [ { "configurationUrl": "${{TAB_ENDPOINT}}/index.html#/config", "canUpdateConfiguration": true, "scopes": ["team", "groupchat"] } ], "staticTabs": [ { "entityId": "index", "name": "SP", "contentUrl": "https://****.sharepoint.com?app=portals/_layouts/15/teamslogon.aspx?spfx=true&dest=/", "websiteUrl": "https://****.sharepoint.com?app=portals/_layouts/15/teamslogon.aspx?spfx=true&dest=/", "scopes": ["personal"], "context": ["personalTab"] } ], "permissions": ["identity", "messageTeamMembers"], "validDomains": ["${{TAB_DOMAIN}}"], "webApplicationInfo": { "id": "00000003-0000-0ff1-ce00-000000000000", "resource": "https://***.sharepoint.com/" } }

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[AJIXuMuK]

@JonoSuave - your manifest is incorrect. You should not replace {teamSiteDomain} placeholder with your actual tenant domain. It should remain as is: https://learn.microsoft.com/en-us/sharepoint/dev/spfx/deployment-spfx-teams-solutions#developer-provided-microsoft-teams-app-manifest--package

However, i general I would recommend using Viva Connections to display your intranet in Teams.

[ghost]

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 7 days. It will be closed if no further activity occurs within the next 7 days of this comment. Please see our wiki for more information: Issue List Labels: Needs Author Feedback & Issue List: No response from the original issue author

[ghost]

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 7 days. It will be closed if no further activity occurs within the next 7 days of this comment. Please see our wiki for more information: Issue List Labels: Needs Author Feedback & Issue List: No response from the original issue author

[ghost]

Closing issue due to no response from the original author. Please refer to our wiki for more details, including how to remediate this action if you feel this was done prematurely or in error: No response from the original issue author