question

AbhishekNegi-1282 avatar image
0 Votes"
AbhishekNegi-1282 asked KeshavMSFT-9170 commented

SPFX webpart link embeded into teams website tab

Below is the screen shot of Microsoft teams web browser version

172599-img-20220209-223459.jpg



Problem occurring (web part not loading) when opening this same teams tab in the Microsoft teams desktop application .

I have used Graph API to fetch data in SPFX web part and publish this webpage into share point site and link of the page is embedded into teams website tab

office-sharepoint-onlineoffice-teams-windows-itprooffice-teams-app-devmicrosoft-graph-teamworkoffice-teams-linux-itpro
· 6
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

Could you please share the repro steps and doc link that you are following, so that we can check it from our end?

0 Votes 0 ·
AbhishekNegi-1282 avatar image AbhishekNegi-1282 ChetanSharmamsft-3456 ·

I am following Graph Api to fetch teams member by passing team ID from query string
Link below
[1]: http://docs.microsoft.com/en-us/graph/api/team-list-members?view=graph-rest-1.0&tabs=http

Could you please tell what is repro step and how to share









0 Votes 0 ·
Meghana-MSFT avatar image Meghana-MSFT AbhishekNegi-1282 ·

@AbhishekNegi-1282 - Could you please share the below details?

  1. Your manifest. So that we can add that sharepoint tab locally and check it.

  2. Screenshot of issue in Desktop

  3. By repro steps we mean what are all the steps needed to performed to check the above issue at our end. Please share repro steps as well.


1 Vote 1 ·
Show more comments

1 Answer

Meghana-MSFT avatar image
0 Votes"
Meghana-MSFT answered KeshavMSFT-9170 commented

@AbhishekNegi-1282 - Recommended option is to build Tab as mentioned here. Please try with this once.

Build Microsoft Teams tab using SharePoint Framework - Tutorial | Microsoft Docs


· 7
5 |1600 characters needed characters left characters exceeded

Up to 10 attachments (including images) can be used with a maximum of 3.0 MiB each and 30.0 MiB total.

I have gone through that documentation but my requirement is to make teams website tab with spfx webpart link embedded into that website tab

0 Votes 0 ·

@AbhishekNegi-1282 - Website tabs aren't equivalent to a standard web browser. A number of sites, especially those requiring authentication, using popups, or complex HTML framing, will not work as expected when pinned as a website tab. Recommended option to load SharePoint tags is by creating Teams App as mentioned by @Meghana-MSFT .

0 Votes 0 ·

Hi @Meghana-MSFT , I have tried build the tab using sharepoint framework as you have mentioned the link below and use the Graph API in the webpart but the issue is same not able to call Graph API in teams desktop version but able to call in desktop version

I have upload the question here also ms-graph-client-not-working-as-a-spfx-tab-in-desktop-teams


0 Votes 0 ·
Meghana-MSFT avatar image Meghana-MSFT AbhishekNegi-1282 ·

Could you please share your minimal code and repro steps, so that we can check this issue locally.

0 Votes 0 ·

hi @Meghana-MSFT ,
Please check

Created SPFX webpart using below link

build-a-hello-world-web-part


For making this webpart as a tab used the following link

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-web-part-as-ms-teams-tab


Used Graph API to fetch teams member by passing team ID using MS Graph Client and simply render on the webpage

Used following API to fetch team Members -- GET /teams/{team-id}/members


Used MS graph client in SPFX webpart using following link

use-msgraph



0 Votes 0 ·
Show more comments