ボットのイメージをMicrosoftボットフレームワークWebチャットの途中にいくつかのウェルカムテキストで追加する方法。非常に一般的な機能のように見え、可能であることを示す画像が表示されます。Microsoft Bot Framework WebChat:ボットイメージを追加する
誰でも追加方法を知っていますか?
ボットのイメージをMicrosoftボットフレームワークWebチャットの途中にいくつかのウェルカムテキストで追加する方法。非常に一般的な機能のように見え、可能であることを示す画像が表示されます。Microsoft Bot Framework WebChat:ボットイメージを追加する
誰でも追加方法を知っていますか?
次のコードを使用して画像パスを置き換えて、ボットからユーザーにテキストや画像などの応答を与えることができます。
private async Task Greeting(IDialogContext context, IAwaitable<IMessageActivity> argument)
{
var message = await argument;
if (string.IsNullOrEmpty(message.Text))
{
// Hero Card
var cardMsg = context.MakeMessage();
var attachment = BotWelcomeCard("Hello,I am a bot.", "");
cardMsg.Attachments.Add(attachment);
await context.PostAsync(cardMsg);
}
else
{
// else code
}
}
private static Attachment BotWelcomeCard(string responseFromQNAMaker, string userQuery)
{
var heroCard = new HeroCard
{
Title = userQuery,
Subtitle = "",
Text = responseFromQNAMaker,
Images = new List<CardImage> { new CardImage("../img/bot.gif") },
Buttons = new List<CardAction> { new CardAction(ActionTypes.ImBack, "Show Menu", value: "Show Bot Menu") }
};
return heroCard.ToAttachment();
}
私はカードのアイデアが好きです – Alekos
okが、ここで我々がやって終わるものです:
<script>
$(document).ready(function() {
$(".wc-header").append("<div class='wc-header-welcome'><img src='/Images/bot.png'/><div>Hello! I am your bot</div>");
});
</script>
、それは他の誰かに時間を節約するのに役立ちます願っています。
あなたは[ここ]を見ていました(https://docs.microsoft.com/en-us/bot-framework:
もう一つの方法は、あなたはまた、カードの機能を使用することができ、あります/ rest-api/bot-framework-rest-connector-add-media-attachments)? –