SOLVED
Home

Displaying Provider hosted Add-In in Microsoft teams Tab

%3CLINGO-SUB%20id%3D%22lingo-sub-334227%22%20slang%3D%22en-US%22%3EDisplaying%20Provider%20hosted%20Add-In%20in%20Microsoft%20teams%20Tab%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-334227%22%20slang%3D%22en-US%22%3E%3CP%3EHello%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20have%20couple%20of%20apps%20developed%20as%20Provider%20hosted%20Add-In%20because%20of%20it's%20need%20and%20I%20require%20them%20to%20be%20displayed%20in%20Microsoft%20teams%20tab%2C%20Now%20as%20far%20as%20I%20know%2C%20teams%20tab%20can%20be%20only%20created%20with%20SPFx%2C%20That%20means%2C%20I%20have%20to%20upgrade%20existing%20provider%20hosted%20Add-In%20App%20with%20SPFx%20which%20would%20be%20possible%20for%20some%2C%20and%20not%20possible%20for%20others.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIn%20this%20case%2C%20Is%20there%20any%20possibilities%20or%20ways%20to%20display%20Provider%20hosted%20Add-In%20in%20Microsoft%20teams%20as%20tab%20%3F%3C%2FP%3E%3CP%3E%3CBR%20%2F%3ELooking%20forward%20to%20hearing%20suggestions%20from%20you%20soon%20!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPS%20%3A%20I%20have%20tried%20taking%20Add-In%20URL%20and%20display%20using%20%22Website%22%20app%20in%20tab%2C%20but%20it%20has%20thrown%20an%20error%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20and%20Regards%2C%3C%2FP%3E%3CP%3EDipti%20Chhatrapati%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-334227%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EProvider%20Hosted%20Add-In%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-334917%22%20slang%3D%22en-US%22%3ERe%3A%20Displaying%20Provider%20hosted%20Add-In%20in%20Microsoft%20teams%20Tab%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-334917%22%20slang%3D%22en-US%22%3EGlad%20it%20worked!%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-334904%22%20slang%3D%22en-US%22%3ERe%3A%20Displaying%20Provider%20hosted%20Add-In%20in%20Microsoft%20teams%20Tab%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-334904%22%20slang%3D%22en-US%22%3E%3CP%3EThank%20you%20Carlos%20for%20the%20suggestion%2C%20As%20suggested%2C%20It%20worked%20with%20below%20work%20around%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E1.%20Created%20a%20single%20app%20part%20page%20using%20this%20link%20-%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fweb-parts%2Fsingle-part-app-pages%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fweb-parts%2Fsingle-part-app-pages%3C%2FA%3E%3CBR%20%2F%3E2.%20displayed%20single%20app%20part%20page%20using%20%22Website%22%20app%20to%20display%20the%20add-ins%20in%20teams%20tab%20that%20works%20as%20expected%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EPS%20%3A%20Although%2C%20%22Single%20App%20Part%20Page%22%20is%20currently%20in%20preview%2C%20so%20instead%20of%20that%20it's%20good%20to%20use%20%22Home%22%20page%20layout.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-334308%22%20slang%3D%22en-US%22%3ERe%3A%20Displaying%20Provider%20hosted%20Add-In%20in%20Microsoft%20teams%20Tab%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-334308%22%20slang%3D%22en-US%22%3EWell%2C%20if%20adding%20access%20to%20those%20Provider-Hosted%20Apps%20does%20not%20work%20in%20a%20WebSite%20Tab%20(I%20can%20understand%20the%20technical%20reaason)%20I%20think%20you%3A%3CBR%20%2F%3E1)%20Can%20try%20to%20add%20a%20site%20page%20where%20you%20have%20an%20App%20Part%20for%20your%20Add-in%20and%20see%20if%20it%20works%3CBR%20%2F%3E2)%20Port%20your%20Add-in%20to%20SPFx%20as%20you%20have%20well%20mentioned%3C%2FLINGO-BODY%3E
Occasional Contributor

Hello,

 

I have couple of apps developed as Provider hosted Add-In because of it's need and I require them to be displayed in Microsoft teams tab, Now as far as I know, teams tab can be only created with SPFx, That means, I have to upgrade existing provider hosted Add-In App with SPFx which would be possible for some, and not possible for others.

 

In this case, Is there any possibilities or ways to display Provider hosted Add-In in Microsoft teams as tab ?


Looking forward to hearing suggestions from you soon !

 

PS : I have tried taking Add-In URL and display using "Website" app in tab, but it has thrown an error

 

Thanks and Regards,

Dipti Chhatrapati

3 Replies
Highlighted
Solution
Well, if adding access to those Provider-Hosted Apps does not work in a WebSite Tab (I can understand the technical reaason) I think you:
1) Can try to add a site page where you have an App Part for your Add-in and see if it works
2) Port your Add-in to SPFx as you have well mentioned
Highlighted

Thank you Carlos for the suggestion, As suggested, It worked with below work around:

 

1. Created a single app part page using this link - https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages
2. displayed single app part page using "Website" app to display the add-ins in teams tab that works as expected

 

PS : Although, "Single App Part Page" is currently in preview, so instead of that it's good to use "Home" page layout.

Highlighted
Related Conversations
Teams for Windows, CPU consumption
aero2466 in Microsoft Teams on
0 Replies
Microsoft Teams Time Clock Reporting - Geotag
amaulana in Microsoft Teams on
0 Replies
Contact sync issues with teams
Chris_S017 in Microsoft Teams on
2 Replies
Team stream recordings are flipped horizontally?
Jgq85 in Microsoft Teams on
0 Replies