Graph API to create Tab in MS Teams with custom SPFx WebPart

%3CLINGO-SUB%20id%3D%22lingo-sub-982856%22%20slang%3D%22en-US%22%3EGraph%20API%20to%20create%20Tab%20in%20MS%20Teams%20with%20custom%20SPFx%20WebPart%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-982856%22%20slang%3D%22en-US%22%3E%3CP%3EHello%20Experts%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20created%20SPFx%20WebPart%20and%20deployed%20it%20in%20SharePoint.%20I%20have%20enabled%20%22Team%22%20scope%20and%20this%20works%20fine%20along%20with%20team%20context%20when%20I%20add%20it%20in%20MS%20Teams%20manually.%3C%2FP%3E%3CP%3ENow%2C%20I%20am%20trying%20to%20create%20Tab%20programmatically%20using%20Graph%20API%20endpoints%20as%20below%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EAPI%3A%26nbsp%3B%3C%2FSTRONG%3E%3CSPAN%3E%20%3CA%20href%3D%22https%3A%2F%2Fgraph.microsoft.com%2Fv1.0%2Fteams%2Fxxxx-9532-4b0c-997f-60704a3f8cd8%2Fchannels%2F19%3Ac09b7d2b2cc546xxxc3f3a0e6d979f65%40thread.skype%2Ftabs%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgraph.microsoft.com%2Fv1.0%2Fteams%2Fxxxx-9532-4b0c-997f-60704a3f8cd8%2Fchannels%2F19%3Ac09b7d2b2cc546xxxc3f3a0e6d979f65%40thread.skype%2Ftabs%3C%2FA%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSTRONG%3EBody%3A%3C%2FSTRONG%3E%3C%2FP%3E%3CP%3E%7B%3CBR%20%2F%3E%22displayName%22%3A%20%22Opportunity%20Summary%22%2C%3CBR%20%2F%3E%22canUpdateConfiguration%22%3Atrue%2C%3CBR%20%2F%3E%22teamsApp%40odata.bind%22%20%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fgraph.microsoft.com%2Fv1.0%2FappCatalogs%2FteamsApps('8f4b04a6-a79e-4677-b81c-dff4e34d9989%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgraph.microsoft.com%2Fv1.0%2FappCatalogs%2FteamsApps('8f4b04a6-a79e-4677-b81c-dff4e34d9989%3C%2FA%3E')%22%2C%3CBR%20%2F%3E%22configuration%22%3A%20%7B%22entityId%22%3A%20%22d500-452a-885d-b091d9151dbe%22%2C%3CBR%20%2F%3E%22contentUrl%22%3A%20%22%3CA%20href%3D%22https%3A%2F%2Fxxxxx.sharepoint.com%2Fsites%2Fteam0042%2F_layouts%2F15%2FTeamsLogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%2Fsites%2Fteam0042%2F_layouts%2F15%2Fteamshostedapp.aspx%253FopenPropertyPane%3Dtrue%2526teams%2526componentId%3D30A56BEF-D500-452A-885D-B091D9151DBE%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fxxxxx.sharepoint.com%2Fsites%2Fteam0042%2F_layouts%2F15%2FTeamsLogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%2Fsites%2Fteam0042%2F_layouts%2F15%2Fteamshostedapp.aspx%253FopenPropertyPane%3Dtrue%2526teams%2526componentId%3D30A56BEF-D500-452A-885D-B091D9151DBE%3C%2FA%3E%22%2C%3CBR%20%2F%3E%22websiteUrl%22%3A%20null%2C%3CBR%20%2F%3E%22removeUrl%22%3A%20null%3CBR%20%2F%3E%7D%3CBR%20%2F%3E%7D%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20tab%20is%20getting%20created%20successfully%20but%20unable%20to%20load%20WebPart%20in%20the%20tab.%20Below%20is%20a%20response%20when%20I%20hit%20this%20API%20call%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%3E%3CDIV%3E%3CSPAN%3E%7B%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22%40odata.context%22%3C%2FSPAN%3E%3CSPAN%3E%3A%3C%2FSPAN%3E%20%3CSPAN%3E%22%3CA%20href%3D%22https%3A%2F%2Fgraph.microsoft.com%2Fv1.0%2F%24metadata%23teams('6880a93f-9532-4b0c-997f-60704a3f8cd8')%2Fchannels('19%253Ac09b7d2b2cc546cfbc3f3a0e6d979f65%2540thread.skype')%2Ftabs%2F%24entity%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgraph.microsoft.com%2Fv1.0%2F%24metadata%23teams('xxxxxx-9532-4b0c-997f-60704a3f8cd8')%2Fchannels('19%253Ac09b7d2b2cc546cfbc3f3a0e6d979f65%2540thread.skype')%2Ftabs%2F%24entity%3C%2FA%3E%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22id%22%3C%2FSPAN%3E%3CSPAN%3E%3A%3C%2FSPAN%3E%20%3CSPAN%3E%22181f19b8-87f2-484e-be2f-59bc896a45f1%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22displayName%22%3C%2FSPAN%3E%3CSPAN%3E%3A%3C%2FSPAN%3E%20%3CSPAN%3E%22Opportunity%20Summary%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22webUrl%22%3C%2FSPAN%3E%3CSPAN%3E%3A%3C%2FSPAN%3E%20%3CSPAN%3E%22%3CA%20href%3D%22https%3A%2F%2Fteams.microsoft.com%2Fl%2Fentity%2F8f4b04a6-a79e-4677-b81c-dff4e34d9989%2F_djb2_msteams_prefix_2382545309%3Flabel%3DOpportunity%2BSummary%26amp%3Bcontext%3D%257b%250d%250a%2B%2B%2522canvasUrl%2522%253a%2B%2522https%253a%252f%252fhexawaretek.sharepoint.com%252fsites%252fteam0042%252f_layouts%252f15%252fTeamsLogon.aspx%253fSPFX%253dtrue%2526dest%253d%252fsites%252fteam0042%252f_layouts%252f15%252fteamshostedapp.aspx%25253FopenPropertyPane%253dtrue%252526teams%252526componentId%253d30A56BEF-D500-452A-885D-B091D9151DBE%2522%252c%250d%250a%2B%2B%2522channelId%2522%253a%2B%252219%253ac09b7d2b2cc546cfbc3f3a0e6d979f65%2540thread.skype%2522%252c%250d%250a%2B%2B%2522subEntityId%2522%253a%2Bnull%250d%250a%257d%26amp%3BgroupId%3D6880a93f-9532-4b0c-997f-60704a3f8cd8%26amp%3BtenantId%3D3d661275-2f86-4c66-a403-89012031c616%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fteams.microsoft.com%2Fl%2Fentity%2Fxxxxxxx-a79e-4677-b81c-dff4e34d9989%2F_djb2_msteams_prefix_2382545309%3Flabel%3DOpportunity%2BSummary%26amp%3Bcontext%3D%257b%250d%250a%2B%2B%2522canvasUrl%2522%253a%2B%2522https%253a%252f%252fhexawaretek.sharepoint.com%252fsites%252fteam0042%252f_layouts%252f15%252fTeamsLogon.aspx%253fSPFX%253dtrue%2526dest%253d%252fsites%252fteam0042%252f_layouts%252f15%252fteamshostedapp.aspx%25253FopenPropertyPane%253dtrue%252526teams%252526componentId%253d30A56BEF-D500-452A-885D-B091D9151DBE%2522%252c%250d%250a%2B%2B%2522channelId%2522%253a%2B%252219%253ac09b7d2b2cc546cfbc3f3a0e6d979f65%2540thread.skype%2522%252c%250d%250a%2B%2B%2522subEntityId%2522%253a%2Bnull%250d%250a%257d%26amp%3BgroupId%3D6880a93f-9532-4b0c-997f-60704a3f8cd8%26amp%3BtenantId%3D3d661275-2f86-4c66-a403-89012031c616%3C%2FA%3E%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22configuration%22%3C%2FSPAN%3E%3CSPAN%3E%3A%3C%2FSPAN%3E%20%3CSPAN%3E%7B%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22entityId%22%3C%2FSPAN%3E%3CSPAN%3E%3A%3C%2FSPAN%3E%20%3CSPAN%3E%22d500-452a-885d-b091d9151dbe%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22contentUrl%22%3C%2FSPAN%3E%3CSPAN%3E%3A%3C%2FSPAN%3E%20%3CSPAN%3E%22%3CA%20href%3D%22https%3A%2F%2Fxxxxx.sharepoint.com%2Fsites%2Fteam0042%2F_layouts%2F15%2FTeamsLogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%2Fsites%2Fteam0042%2F_layouts%2F15%2Fteamshostedapp.aspx%253FopenPropertyPane%3Dtrue%2526teams%2526componentId%3D30A56BEF-D500-452A-885D-B091D9151DBE%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fxxxxx.sharepoint.com%2Fsites%2Fteam0042%2F_layouts%2F15%2FTeamsLogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%2Fsites%2Fteam0042%2F_layouts%2F15%2Fteamshostedapp.aspx%253FopenPropertyPane%3Dtrue%2526teams%2526componentId%3D30A56BEF-D500-452A-885D-B091D9151DBE%3C%2FA%3E%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22removeUrl%22%3C%2FSPAN%3E%3CSPAN%3E%3A%3C%2FSPAN%3E%20%3CSPAN%3Enull%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%22websiteUrl%22%3C%2FSPAN%3E%3CSPAN%3E%3A%3C%2FSPAN%3E%20%3CSPAN%3Enull%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%7D%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3E%7D%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3EI%20search%20a%20lot%20to%20define%20configuration%20entity%20in%20the%20body%20for%20custom%20deployed%20SPFx%20Teams%20App%20but%20did%20not%20find%20any%20solution.%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%26nbsp%3B%3C%2FDIV%3E%3CDIV%3E%3CSPAN%3EFurther%20analysis%2C%20I%20tried%20to%20find%20out%20manually%20deployed%20app%20configuration%20entity%20but%20seems%20that%20list%20guid%2C%20id%20and%20webinstanceId%20is%20generating%20dynamically%20as%20below%2C%3C%2FSPAN%3E%3C%2FDIV%3E%3CDIV%3E%3CP%3E%7B%3C%2FP%3E%3CP%3E%3CSPAN%3E%22id%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22a75956d0-131c-44e3-a484-f59dd2b6ea7e%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%22displayName%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22SPFx%20Summary%20WebPart%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%22webUrl%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fteams.microsoft.com%2Fl%2Fentity%2F8f4b04a6-a79e-4677-b81c-dff4e34d9989%2F_djb2_msteams_prefix_70e2b7d4-a4e8-48a0-aff9-02f03885f93e%3Flabel%3DSPFx%2BTeams%2BTogether%26amp%3Bcontext%3D%257b%250d%250a%2B%2B%2522canvasUrl%2522%253a%2B%2522https%253a%252f%252fhexawaretek.sharepoint.com%252fsites%252fteam0042%252f_layouts%252f15%252fTeamsLogon.aspx%253fSPFX%253dtrue%2526dest%253d%252fsites%252fteam0042%252f_layouts%252f15%252fteamshostedapp.aspx%25253Flist%253d1ef02590-ede8-4825-a70f-43002f62bcf9%252526id%253d1%252526webPartInstanceId%253d731b7934-fdd2-4d3b-8ba1-2132cb4b14c9%2522%252c%250d%250a%2B%2B%2522channelId%2522%253a%2B%252219%253ac09b7d2b2cc546cfbc3f3a0e6d979f65%2540thread.skype%2522%252c%250d%250a%2B%2B%2522subEntityId%2522%253a%2Bnull%250d%250a%257d%26amp%3BgroupId%3D6880a93f-9532-4b0c-997f-60704a3f8cd8%26amp%3BtenantId%3D3d661275-2f86-4c66-a403-89012031c616%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%3CSPAN%3Ehttps%3A%2F%2Fteams.microsoft.com%2Fl%2Fentity%2Fxxxxx-a79e-4677-b81c-dff4e34d9989%2F_djb2_msteams_prefix_70e2b7d4-a4e8-48a0-aff9-02f03885f93e%3Flabel%3DSPFx%2BSummary%2BWebPart%26amp%3Bcontext%3D%257b%250d%250a%2B%2B%2522canvasUrl%2522%253a%2B%2522https%253a%252f%252fxxxxx.sharepoint.com%252fsites%252fteam0042%252f_layouts%252f15%252fTeamsLogon.aspx%253fSPFX%253dtrue%2526dest%253d%252fsites%252fteam0042%252f_layouts%252f15%252fteamshostedapp.aspx%25253Flist%253d1ef02590-ede8-4825-a70f-43002f62bcf9%252526id%253d1%252526webPartInstanceId%253d731b7934-fdd2-4d3b-8ba1-2132cb4b14c9%2522%252c%250d%250a%2B%2B%2522channelId%2522%253a%2B%252219%253ac09b7d2b2cc546cfbc3f3a0e6d979f65%2540thread.skype%2522%252c%250d%250a%2B%2B%2522subEntityId%2522%253a%2Bnull%250d%250a%257d%26amp%3BgroupId%3D6880a93f-9532-4b0c-997f-60704a3f8cd8%26amp%3BtenantId%3D3d661275-2f86-4c66-a403-89012031c616%3C%2FSPAN%3E%3C%2FA%3E%3CSPAN%3E%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%22configuration%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%7B%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%22entityId%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22sharepointtab_45b23925-551a-4d81-a0b9-9d46297098c1%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%22contentUrl%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fhexawaretek.sharepoint.com%2Fsites%2Fteam0042%2F_layouts%2F15%2FTeamsLogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%2Fsites%2Fteam0042%2F_layouts%2F15%2Fteamshostedapp.aspx%253Flist%3D1ef02590-ede8-4825-a70f-43002f62bcf9%2526id%3D1%2526webPartInstanceId%3D731b7934-fdd2-4d3b-8ba1-2132cb4b14c9%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%3CSPAN%3Ehttps%3A%2F%2Fxxxxx.sharepoint.com%2Fsites%2Fteam0042%2F_layouts%2F15%2FTeamsLogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%2Fsites%2Fteam0042%2F_layouts%2F15%2Fteamshostedapp.aspx%253Flist%3D1ef02590-ede8-4825-a70f-43002f62bcf9%2526id%3D1%2526webPartInstanceId%3D731b7934-fdd2-4d3b-8ba1-2132cb4b14c9%3C%2FSPAN%3E%3C%2FA%3E%3CSPAN%3E%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%22removeUrl%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%22%3C%2FSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fhexawaretek.sharepoint.com%2Fsites%2Fteam0042%2F_layouts%2F15%2FTeamsLogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%2Fsites%2Fteam0042%2F_layouts%2F15%2Fteamshostedapp.aspx%253Flist%3D1ef02590-ede8-4825-a70f-43002f62bcf9%2526id%3D1%2526webPartInstanceId%3D731b7934-fdd2-4d3b-8ba1-2132cb4b14c9%2526removeTab%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%3CSPAN%3Ehttps%3A%2F%2Fxxxxx.sharepoint.com%2Fsites%2Fteam0042%2F_layouts%2F15%2FTeamsLogon.aspx%3FSPFX%3Dtrue%26amp%3Bdest%3D%2Fsites%2Fteam0042%2F_layouts%2F15%2Fteamshostedapp.aspx%253Flist%3D1ef02590-ede8-4825-a70f-43002f62bcf9%2526id%3D1%2526webPartInstanceId%3D731b7934-fdd2-4d3b-8ba1-2132cb4b14c9%2526removeTab%3C%2FSPAN%3E%3C%2FA%3E%3CSPAN%3E%22%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%22websiteUrl%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3Enull%3C%2FSPAN%3E%3CSPAN%3E%2C%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CSPAN%3E%22dateAdded%22%3C%2FSPAN%3E%3CSPAN%3E%3A%20%3C%2FSPAN%3E%3CSPAN%3E%222019-11-04T07%3A08%3A09.086Z%22%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%7D%3C%2FP%3E%3CP%3E%7D%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPlease%20guide%20me%20to%20defined%20configuration%20parameters%20in%20the%20body%20of%20Create%20Tab%20Graph%20API%20endpoints%20for%20deployed%20custom%20SPFx%20Teams%20App.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%2C%3C%2FP%3E%3CP%3EUday%20G%3C%2FP%3E%3C%2FDIV%3E%3C%2FDIV%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-982856%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EGraph%20API%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Ems%20teams%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ETeams%20Tab%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-994426%22%20slang%3D%22en-US%22%3ERe%3A%20Graph%20API%20to%20create%20Tab%20in%20MS%20Teams%20with%20custom%20SPFx%20WebPart%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-994426%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F443906%22%20target%3D%22_blank%22%3E%40UdayG%3C%2FA%3E%20%2C%20Thanks%20for%20reporting%20this%20issue%2C%20We%20are%20looking%20into%20it.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1094560%22%20slang%3D%22en-US%22%3ERe%3A%20Graph%20API%20to%20create%20Tab%20in%20MS%20Teams%20with%20custom%20SPFx%20WebPart%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1094560%22%20slang%3D%22en-US%22%3EAny%20update%20on%20this%20matter%3F%20Having%20the%20same%20issue.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1094916%22%20slang%3D%22en-US%22%3ERe%3A%20Graph%20API%20to%20create%20Tab%20in%20MS%20Teams%20with%20custom%20SPFx%20WebPart%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1094916%22%20slang%3D%22en-US%22%3E%3CP%3ENot%20really%20a%20great%20solution%2C%20but%20we%20have%20found%20that%20if%20you%20do%20not%20pass%20in%20a%20configuration%20but%20only%20provide%20the%20displayName%20and%20binding%20property%20in%20the%20JSON%20body%2C%20the%20tab%20is%20created%20with%20a%20%22Set%20up%22%20button%20that%20the%20user%20then%20needs%20to%20click%20to%20finish%20provisioning%20the%20tab%3A%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-markup%22%3E%3CCODE%3E%7B%0A%20%20%22displayName%22%3A%20%22My%20Custom%20Tab%22%2C%20%0A%20%20%22teamsApp%40odata.bind%22%20%3A%20%22%3CA%20href%3D%22%26lt%3Ba%20href%3D%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgraph.microsoft.com%2Fv1.0%2FappCatalogs%2FteamsApps%2Fxxxxx-yyyy-wwww-vvvv-1234567890%3C%2FA%3E%22%20target%3D%22_blank%22%26gt%3B%3CA%20href%3D%22https%3A%2F%2Fgraph.microsoft.com%2Fv1.0%2FappCatalogs%2FteamsApps%2Fxxxxx-yyyy-wwww-vvvv-1234567890%26lt%3B%2Fa%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgraph.microsoft.com%2Fv1.0%2FappCatalogs%2FteamsApps%2Fxxxxx-yyyy-wwww-vvvv-1234567890%3C%2FA%3E%26gt%3B%22%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThen%2C%20this%20is%20shown%20in%20the%20tab%3A%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F164113iC00DDD39DCE508E8%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_0.png%22%20title%3D%22clipboard_image_0.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EClicking%20%22Set%20up%20tab%22%20gives%20this%20prompt%3A%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F164114iABB7AAC24DF5B49C%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20alt%3D%22clipboard_image_1.png%22%20title%3D%22clipboard_image_1.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20also%20found%20that%20trying%20to%20add%20a%20tab%20to%20a%20team%20created%20with%20a%20Graph%20API%20call%20with%20a%20token%20with%20App%20Permissions%20would%20cause%20this%20to%20fail%20(show%20a%20broken%20icon%20rather%20than%20the%20Team%20icon)%20because%20the%20%22General%22%20folder%20was%20not%20created%20in%20the%20Team%20(until%20a%20user%20clicks%20the%20%22Files%22%20tab).%26nbsp%3B%20Creating%20the%20team%20with%20an%20access%20token%20with%20%22Delegated%20Permissions%22%20worked%20because%20the%20channel%20folder%20was%20set%20up%20properly%20(see%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fteams-developer%2Fadding-a-team-using-microsoft-graph-api-app-vs-delegated%2Ftd-p%2F1049694%22%20target%3D%22_blank%22%3Ehttps%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fteams-developer%2Fadding-a-team-using-microsoft-graph-api-app-vs-delegated%2Ftd-p%2F1049694%3C%2FA%3E).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWe%20are%20also%20still%20looking%20for%20a%20way%20to%20setup%20the%20tab%20for%20the%20user%20in%20advance%2C%20but%20at%20least%20this%20gets%20it%20to%20work.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMary%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Occasional Visitor

Hello Experts,

 

I have created SPFx WebPart and deployed it in SharePoint. I have enabled "Team" scope and this works fine along with team context when I add it in MS Teams manually.

Now, I am trying to create Tab programmatically using Graph API endpoints as below,

 

API:  https://graph.microsoft.com/v1.0/teams/xxxx-9532-4b0c-997f-60704a3f8cd8/channels/19:c09b7d2b2cc546xx...

 

Body:

{
"displayName": "Opportunity Summary",
"canUpdateConfiguration":true,
"teamsApp@odata.bind" : "https://graph.microsoft.com/v1.0/appCatalogs/teamsApps('8f4b04a6-a79e-4677-b81c-dff4e34d9989')",
"configuration": {"entityId": "d500-452a-885d-b091d9151dbe",
"contentUrl": "https://xxxxx.sharepoint.com/sites/team0042/_layouts/15/TeamsLogon.aspx?SPFX=true&dest=/sites/team00...",
"websiteUrl": null,
"removeUrl": null
}
}

 

The tab is getting created successfully but unable to load WebPart in the tab. Below is a response when I hit this API call,

 

{
"id": "181f19b8-87f2-484e-be2f-59bc896a45f1",
"displayName": "Opportunity Summary",
"configuration": {
"entityId": "d500-452a-885d-b091d9151dbe",
"removeUrl": null,
"websiteUrl": null
}
}
 
I search a lot to define configuration entity in the body for custom deployed SPFx Teams App but did not find any solution.
 
Further analysis, I tried to find out manually deployed app configuration entity but seems that list guid, id and webinstanceId is generating dynamically as below,

{

"id": "a75956d0-131c-44e3-a484-f59dd2b6ea7e",

"displayName": "SPFx Summary WebPart",

"webUrl": "https://teams.microsoft.com/l/entity/xxxxx-a79e-4677-b81c-dff4e34d9989/_djb2_msteams_prefix_70e2b7d4...",

"configuration": {

"entityId": "sharepointtab_45b23925-551a-4d81-a0b9-9d46297098c1",

"contentUrl": "https://xxxxx.sharepoint.com/sites/team0042/_layouts/15/TeamsLogon.aspx?SPFX=true&dest=/sites/team00...",

"removeUrl": "https://xxxxx.sharepoint.com/sites/team0042/_layouts/15/TeamsLogon.aspx?SPFX=true&dest=/sites/team00...",

"websiteUrl": null,

"dateAdded": "2019-11-04T07:08:09.086Z"

}

}

 

Please guide me to defined configuration parameters in the body of Create Tab Graph API endpoints for deployed custom SPFx Teams App.

 

Thanks,

Uday G

 

3 Replies
Highlighted

@UdayG , Thanks for reporting this issue, We are looking into it.

Highlighted
Any update on this matter? Having the same issue.
Highlighted

Not really a great solution, but we have found that if you do not pass in a configuration but only provide the displayName and binding property in the JSON body, the tab is created with a "Set up" button that the user then needs to click to finish provisioning the tab: 

 

{
  "displayName": "My Custom Tab", 
  "teamsApp@odata.bind" : "<a href="<a href="https://graph.microsoft.com/v1.0/appCatalogs/teamsApps/xxxxx-yyyy-wwww-vvvv-1234567890" target="_blank">https://graph.microsoft.com/v1.0/appCatalogs/teamsApps/xxxxx-yyyy-wwww-vvvv-1234567890</a>" target="_blank"><a href="https://graph.microsoft.com/v1.0/appCatalogs/teamsApps/xxxxx-yyyy-wwww-vvvv-1234567890</a" target="_blank">https://graph.microsoft.com/v1.0/appCatalogs/teamsApps/xxxxx-yyyy-wwww-vvvv-1234567890</a</a>>"
}

 

Then, this is shown in the tab:

clipboard_image_0.png

Clicking "Set up tab" gives this prompt: 

clipboard_image_1.png

 

We also found that trying to add a tab to a team created with a Graph API call with a token with App Permissions would cause this to fail (show a broken icon rather than the Team icon) because the "General" folder was not created in the Team (until a user clicks the "Files" tab).  Creating the team with an access token with "Delegated Permissions" worked because the channel folder was set up properly (see https://techcommunity.microsoft.com/t5/teams-developer/adding-a-team-using-microsoft-graph-api-app-v...).

 

We are also still looking for a way to setup the tab for the user in advance, but at least this gets it to work.

 

Mary