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
Dipti Chhatrapati
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
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

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.