How do I embed a Teams Channel Chat in a Web App - microsoft-teams

I looking for a little guidance. I have a need to display the chat content from a MS Teams channel into my web app.
The user of my web app will see the MS Team channel chat and be able to comment all of this in the web app.
What is the best / most appropriate approach for this use case?

It is not possible to show a Teams chat inside any other Web App. You could get the messages in a Teams channel using List Channel Messages and post your messages using Connectors but it not possible to directly show the Entire Teams channel chat in your web app.

Related

Embedding Microsoft Teams channel conversation into website

In one of my project, the Client wants to integrate Microsoft Teams Channel conversation/post on the website. Is there any way, can we integrate embed code of Microsoft Teams channel conversation/post like providing for Microsoft Stream videos/channel?
Embedding Microsoft Teams UI directly into other applications is not supported. However you could read the channels messages using Get Channel Messages Graph APIs and render it.
Note: Before calling this API with application permissions, you must request access. For details, see Protected APIs in Microsoft Teams.

Integrate Speech to Text bot framework for teams channel?

We are working on a chatbot with botframework, the bot is deployed to the teams channel, but we need to integrate Speech to text service of microsoft into this teams channel for the bot ,is that possible?
I could see speech-text requires a different directline channel all together in the documention but nothing of having it in teams Bot App.
Anyone know of this being possible?
Currently this is not supported in teams in both desktop and web.

Is it possible to have a Weblink open up a chat in Teams

I want to have a link on a webpage open up a chat in teams with a chatbot. Is this possible to do? I doubt it would be possible to open up the local app, but maybe for the web app portion of teams? I tried just copy pasting the url when I was in the chat with the bot, but that didn't work for other people.
You could get the link to open a chat with the bot by clicking on the Microsoft Teams channel in the Bot Framework or Azure portal where you have created the bot. Here is an example:

Web Chat doesn't work, but Telegram / Facebook / Emulator etc. work fine

I have a chatbot created with the MS bot framework. It works great in Telegram, on the portal, facebook messenger, and the emulator - but the Web Chat doesn't work.
It will connect and let me type things in, but none of the responses get back to the web chat window. I even see the message coming in and being sent back from my chatbot in the server logs, but somehow it doesn't make its way back to the web chat.
Any idea why?
The bot is called WffBot, and the web chat link is here.
It turned out that I had the address and name in the from section of the JSON of the response switched. While, for whatever reason, none of the other messaging systems minded this, the WebChat just ignores the responses.

Microsoft Bot Framework Client sdk

I am looking to use Microsoft Bot Framework in my application. However, I have a custom UI chat control (designed according to my requirements) where I need to hook up this bot.(instead of having pre-configured channels like slack or skype).
Is there a client sdk for web (preferably in angular) and/or mobile available for this purpose?
Take a look at DirectLine.
The Direct Line API is a simple REST API for connecting directly to a single bot. This API is intended for developers writing their own client applications, web chat controls, or mobile apps that will talk to their bot.
DirectLine is always a good option to add chat functionality in your custom UI. Otherwise you can just turn on Web Chat channel and embed iframe in your webpage. This will make your job easy with very less errors.
I have seen directline causing many issues while sending requests. Web Chat is always a better option.

Resources