Home

Access Teams session and other information in external tab url application

%3CLINGO-SUB%20id%3D%22lingo-sub-1037469%22%20slang%3D%22en-US%22%3ERe%3A%20Access%20Teams%20session%20and%20other%20information%20in%20external%20tab%20url%20application%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1037469%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F470377%22%20target%3D%22_blank%22%3E%40pkulla%3C%2FA%3E%20Duplicate%20of%20this%20%3CA%20href%3D%22https%3A%2F%2Fstackoverflow.com%2Fquestions%2F59032852%2Faccess-teams-session-and-other-information-in-external-tab-url-application%22%20target%3D%22_self%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3ESOF%20question%3C%2FA%3E.%20Please%20use%20the%20SOF%20question%20asked%20by%20you%20to%20track%20this.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1035503%22%20slang%3D%22en-US%22%3EAccess%20Teams%20session%20and%20other%20information%20in%20external%20tab%20url%20application%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1035503%22%20slang%3D%22en-US%22%3E%3CP%3EI%20would%20like%20to%20create%20a%20Teams%20tab%20for%20a%20clientside%20rendered%20application.%20I%20know%20that%20I%20can%20generate%20a%20basic%20app%20using%20a%20generator%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FOfficeDev%2Fgenerator-teams%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FOfficeDev%2Fgenerator-teams%3C%2FA%3E%3C%2FP%3E%3CP%3EThis%20generator%20will%20create%20a%20React%20app%20and%20I%20have%20to%20deal%20with%20many%20deployment%20stuff.%20I%20would%20like%20to%20create%20a%20Vue%20app%20and%20add%20it%20as%20an%20external%20application%20via%20URL.%20The%20problem%20is%20that%20this%20generated%20React%20app%20ships%20with%20many%20Teams%20related%20packages%20to%20provide%20a%20nice%20Teams%20integration%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FOfficeDev%2Fmsteams-ui-components%2Ftree%2Fmaster%2Fmsteams-ui-components-react%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FOfficeDev%2Fmsteams-ui-components%2Ftree%2Fmaster%2Fmsteams-ui-components-react%3C%2FA%3E%3C%2FP%3E%3CP%3Ee.g.%20fetching%20the%20current%20Teams%20session%20etc.%20I%20also%20know%20that%20Microsoft%20provides%20an%20API%20to%20fetch%20Office%20related%20data%20(Users%2C%20Groups%2C%20...)%20h%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdeveloper.microsoft.com%2Fen-us%2Fgraph%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdeveloper.microsoft.com%2Fen-us%2Fgraph%3C%2FA%3E%3C%2FP%3E%3CP%3ESo%20when%20I%20create%20a%20basic%20Vue%20app%20(or%20any%20other%20client%20side%20app)%20are%20there%20any%20packages%20I%20can%20use%20to%20integrate%20with%20Teams%20while%20having%20an%20external%20tabs%20app%20and%20no%20native%20Teams%20tab%20application%3F%3C%2FP%3E%3CP%3EI%20don't%20want%20to%20use%20the%20native%20Teams%20styles%20so%20it%20seems%20the%20only%20advantage%20in%20using%20native%20tab%20applications%20would%20be%20fetching%20the%20current%20Teams%20session.%20But%20I%20am%20not%20sure%2C%20this%20is%20totally%20new%20to%20me.%20So%20I'm%20hoping%20the%20generated%20React%20Teams%20app%20ships%20with%20some%20packages%20I%20can%20use%20in%20my%20Vue%20app%20too%20and%20add%20it%20via%20external%20URL%20to%20teams..%20%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1035503%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
New Contributor

I would like to create a Teams tab for a clientside rendered application. I know that I can generate a basic app using a generator

https://github.com/OfficeDev/generator-teams

This generator will create a React app and I have to deal with many deployment stuff. I would like to create a Vue app and add it as an external application via URL. The problem is that this generated React app ships with many Teams related packages to provide a nice Teams integration

https://github.com/OfficeDev/msteams-ui-components/tree/master/msteams-ui-components-react

e.g. fetching the current Teams session etc. I also know that Microsoft provides an API to fetch Office related data (Users, Groups, ...) h

https://developer.microsoft.com/en-us/graph

So when I create a basic Vue app (or any other client side app) are there any packages I can use to integrate with Teams while having an external tabs app and no native Teams tab application?

I don't want to use the native Teams styles so it seems the only advantage in using native tab applications would be fetching the current Teams session. But I am not sure, this is totally new to me. So I'm hoping the generated React Teams app ships with some packages I can use in my Vue app too and add it via external URL to teams.. ?

1 Reply
Highlighted

@pkulla Duplicate of this SOF question. Please use the SOF question asked by you to track this.

Related Conversations
How to install Teams in WVD?
Jgq85 in Windows Virtual Desktop on
0 Replies
Microsoft Forms in Meetings in Teams - wont send
lewisgrimes in Microsoft Forms on
0 Replies
Contacts removed in MS Teams
Ummernayeem in Microsoft Teams on
2 Replies
End user training for Microsoft Teams
pavanverma365 in Enabling Remote Work on
0 Replies