在网站上集成api.ai chatbot

Question

我希望在我的网站上有一个聊天机器人，类似于Facebook Messenger的会话风格。我希望它在同一页面上，作为聊天窗口，而不是在单独的页面上。我怎样才能做到这一点？提前谢谢。

Answer 1

尝试使用DialogFlow（api.ai）集成的Kommunicate实时聊天窗口小部件。 https://docs.kommunicate.io/docs/web-installation.html

以下是在网站上添加api.ai（dialogflow）的分步指南：https://www.kommunicate.io/blog/how-to-integrate-bot-using-dialogflow-in-kommunicate-1ac32911a7d0/

Answer 2

Api.ai提供名为Web Demo。

的集成

  

您可以在集成中找到。
  

     

将其打开并将生成的iframe复制到您的网站。

  这是它的样子：   

Answer 3

是的，您可以通过api.ai创建基于网络的聊天机器人，并且可以在您的网站上使用iframe。

Answer 4

是的，dialogflow中有一种方法可以做到这一点。您只需要在html / angular或您要设计的任何框架中创建一个简单的聊天窗口即可。您可以捕获用户输入的查询并进行ajax调用并将其传递给dialogflow。再次取决于您使用的api版本。 Dialogflow为您提供v1 / v2 API，它本身会更改请求格式。请看下面的代码（使用v1 api）：

function captureUserQuery() {
         var text = jQuery(".my-text").val();
         dialogflowApi(text);  
}

function dialogflowApi(text) {
         jQuery.ajax({
            type: "POST",
            url: "https://api.dialogflow.com/v1/query?v=20170712",
            contentType: "application/json; charset=utf-8",
            headers: {
                "Authorization": "Bearer " + access_token
            },
            data: JSON.stringify({
                query: text,
                lang: "en",
                sessionId: "chatbot"
            }),
            success: function(response) {
                console.log("success");
                // Here you will get the response to your query in json, you will have to parse it based on the type it has like text, image, card etc. & show it to user. 
                parseResponse(response); // function to parse your response. 
            },
            error: function() {
                console.log("Error");
            }
        });
}

希望这可以回答您的查询。让我知道你是否还有。

Answer 5

2018年阅读本书的人很少有更新

1）Api.ai现在称为DialogFlow

2）有一个https://github.com/dialogflow/dialogflow-javascript-client回购，里面有演示。只需在npm i分支上使用npm start和master（v2对我不起作用）