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

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.

Related Conversations
Tabs and Dark Mode
cjc2112 in Discussions on
16 Replies
flashing a white screen while open new tab
cntvertex in Discussions on
11 Replies
How to Prevent Teams from Auto-Launch
chenrylee in Microsoft Teams on
28 Replies
*Updated 9/3* Syncing in Microsoft Edge Preview Channels
Elliot Kirk in Articles on
217 Replies