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

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