Skip to content

Latest commit

 

History

History
95 lines (68 loc) · 4.36 KB

File metadata and controls

95 lines (68 loc) · 4.36 KB
page_type description products languages extensions contentType createdDate
sample
Microsoft Teams tab sample app for demonstrating create conversation tab
office-teams
office
office-365
csharp
samples
06-10-2021 01:48:56

Conversational Tabs

This Teams tab app provides a way to allow users to have conversations about sub-entities in the tab Create conversational tabs

Key features

  • Tab showing actions that can be performed

Actions Page

  • Open Conversation - opens a new conversation

Open Conversation

  • Close Conversation - closes the conversation view

Close Conversation

  • Continue Conversation - continues old conversation based on conversation id

Continue Conversation

NOTE: We should save the subEntityId and conversationId to continue an existing conversartion.

  • Deeplink to Conversation - opens the conversation in channel

Deeplink to Conversation

Prerequisites

To try this sample

  • Clone the repository

    git clone https://github.com/OfficeDev/Microsoft-Teams-Samples.git
  • In a console, navigate to samples/tab-conversations/csharp

    cd samples/tab-conversations/ch
  • Run ngrok - point to port 3978

    ngrok http -host-header=localhost 3978
  • This step is specific to Teams.

    • Edit the manifest.json contained in the appPackage folder to replace <<your base url>> with your ngrok url or hosted app url and also update the <<DOMAIN-NAME>> for allowed domains.
    • Zip up the contents of the appPackage folder to create a manifest.zip
    • Upload the manifest.zip to Teams (in the Apps view click "Upload a custom app")
      • Go to Microsoft Teams. From the lower left corner, select Apps
      • From the lower left corner, choose Upload a custom App
      • Go to your project directory, the ./appPackage folder, select the zip folder, and choose Open.
      • Select Add in the pop-up dialog box. Your tab is uploaded to Teams.

Further reading