在网站上集成api.ai聊天机器人

Question

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

Answer 1

尝试用于DialogFlow (api.ai)集成的Kommunicate小部件。https://docs.kommunicate.io/docs/web-installation.html

下面是一步一步地在网站上添加api.ai (对话框)的指南：https://www.kommunicate.io/blog/how-to-integrate-bot-using-dialogflow-in-kommunicate-1ac32911a7d0/

Answer 2

Api.ai提供了一个名为Web Demo的集成。

您可以在集成中找到这一点。

打开它，并将产生的iframe复制到您的网站。

这就是它的样子：

Answer 3

是的，在对话框中有一种方法可以做到这一点。您只需创建一个简单的聊天窗口的html/角或任何框架，您想要设计。您可以捕获用户输入的查询，进行ajax调用并将其传递给对话框。同样，这取决于您正在使用的api版本。Dialogflow为您提供了v1/v2API，它本身改变了请求格式。请看下面的代码(使用了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");
            }
        });
}

希望这能回答你的疑问。如果你还有更多的话请告诉我。