标签: web-chat

我们的聊天机器人的一些答案很长。网络聊天会自动滚动到底部，因此用户必须向上滚动才能到达气泡顶部并开始阅读。

我已经实现了一个自定义渲染器 (react) 来将答案包装到一个自定义组件中，该组件只是将答案包装到一个 div 标签中。我还实现了一段简单的代码来滚动到气泡的顶部。

const MyCustomActivityContainer = ({ children }) => {
    const triggerScrollTo = () => {
        if (scrollRef && scrollRef.current) {
            (scrollRef.current as any).scrollIntoView({
                behavior: 'smooth',
                block: 'start',
            })
        }
    }

    const scrollRef: React.RefObject<HTMLDivElement> = React.createRef()

    return (
        <div ref={ scrollRef } onClick={ triggerScrollTo }>
            { children }
        </div>
    )
}

export const activityMiddleware = () => next => card => {
    if (/* some conditions */) {
        return (
            <MyCustomActivityContainer>
                { next(card) }
            </MyCustomActivityContainer>
        ); …

我有一个问题问你,

我已经在python中构建了一个bot,我需要知道是否有办法(或使用REST API的服务)将其嵌入到网站中.我不想使用slack/telegram/facebook messanger和其他人作为通信渠道.我想在网站上使用聊天环境,但我真的不想自己编写,我曾试图要求LiveChat,Chatlio和Tawk等服务,但支持说没有API.我正在考虑建立自己的聊天,但这需要花费大量时间.添加功能是非常好的,如果机器人无法回答问题,人工代理可以回答它.

从哪里可以开始？有什么建议？非常感谢你.

有谁知道如何在 QnA maker 中为答案添加 URL 链接？

就目前而言，我只能看到您可以添加直接文本。

如何在上一个 BotChat 对话中禁用输入/提交按钮操作 - Microsoft Bot Framework (C#) 中的 AdaptiveCards

我从我的机器人（.NET SDK）发送一个名为“locationRequest”的事件

            Activity activity = new Activity
            {
                Type = ActivityTypes.Event,
                Name = "locationRequest"
            };
            await stepContext.Context.SendActivityAsync(activity, cancellationToken);

我想根据 React 中编码的 minizable-web-chat 在 WebChat 客户端应用程序中捕获此事件，并将布尔 locationRequested 设置为 True：

const store = createStore({}, ({ dispatch }) => next => action => {
  if (action.type === 'DIRECT_LINE/CONNECT_FULFILLED') {
    dispatch({
      type: 'WEB_CHAT/SEND_EVENT',
      payload: {
        name: 'webchat/join',
      }
    });
  }
  else if(action.name == 'locationRequest'){
    this.setState(() => ({
      locationRequested: true
    }));
  }
  return next(action);
});

我无法赶上这个事件，有什么想法吗？

我正在尝试使用自适应卡,将其添加到我的路易斯响应中,并遵循指南:https://docs.microsoft.com/en-us/bot-framework/dotnet/bot-builder-dotnet-add-富卡附件.

为什么我的按钮没有显示在我的机器人模拟器上？我错过了什么吗？看图:

我的代码:

 [LuisIntent("Test")]
    public async Task Test(IDialogContext context, LuisResult result)
    {

        Activity replyToConversation = (Activity)context.MakeMessage();
        //Activity replyToConversation = message.CreateReply("Should go to conversation");
        replyToConversation.Attachments = new List<Attachment>();
        AdaptiveCard card = new AdaptiveCard();

       // Add text to the card.
        card.Body.Add(new TextBlock()
        {
            Text = "Adaptive Card design session",
            Size = TextSize.Large,
            Weight = TextWeight.Bolder
        });

        // Add text to the card.
        card.Body.Add(new TextBlock()
        {
            Text = "Conf Room 112/3377 (10)"
        });

        // Add text to the card. …

我需要帮助使用来自 Microsoft 的 BotFramework 的 webchat v4 通过 Javascript 将消息发送回机器人。

我的机器人代码是用 C# (.NET Framework) 编写的，但在我的场景中的某个时刻，我需要触发一些 JavaScript 来向用户询问位置。我该怎么办？

1. 我发送事件类型的活动
2. 在机器人的商店中，我捕获了上述活动（这是我的代码）：

const store = window.WebChat.createStore({},
    ({ dispatch }) => next => action => {
        //console.log('action of type ' + action.type);

        if (action.type === 'DIRECT_LINE/INCOMING_ACTIVITY') {
            var activityOut = action.payload.activity;

            if (activityOut.type === 'message') {
                // Store message

                return next(action);
            }

            if (activityOut.type === 'event') {
                // Handle based on event type
                if (activityOut.name === 'getLocation') {
                    if (navigator.geolocation)
                    {
                        navigator.geolocation.getCurrentPosition(showPosition); …