2017-07-02 18 views
1

ボットのイメージをMicrosoftボットフレームワークWebチャットの途中にいくつかのウェルカムテキストで追加する方法。非常に一般的な機能のように見え、可能であることを示す画像が表示されます。Microsoft Bot Framework WebChat:ボットイメージを追加する

誰でも追加方法を知っていますか?

+0

あなたは[ここ]を見ていました(https://docs.microsoft.com/en-us/bot-framework:

await context.PostAsync("Here we go with the welcome message\n"+"![AN IMAGE!](Your_Image_URL)"); 

もう一つの方法は、あなたはまた、カードの機能を使用することができ、あります/ rest-api/bot-framework-rest-connector-add-media-attachments)? –

答えて

2

次のコードを使用して画像パスを置き換えて、ボットからユーザーにテキストや画像などの応答を与えることができます。

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(); 
     } 
+0

私はカードのアイデアが好きです – Alekos

2

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> 

、それは他の誰かに時間を節約するのに役立ちます願っています。

関連する問題