dialogflow web

折旧警告：不再支持此项目，转到Web V2的DialogFlow

---

Web的对话流

DialogFlow使您可以通过提供强大的自然语言理解（NLU）引擎来处理和理解自然语言输入，从而在产品和服务的顶部构建对话界面

它是一个非正式的Web客户端，用于对话流，它是为了支持Google Assistant Rich-Respons并充分利用Web可用的平台

包括什么

• 遵循Google的材料指南的100％渐进式网络应用程序
• 可自定义的环境
• 离线工作，没有JavaScript
• 响应式设计
• 包含搜索引擎优化
• 基于使用WebPack和Live Reload的Vuejs
• WebSpeech API语音输入
• 文本到语音输出
• 残疾用户的完美可访问性

要求

• nodejs
• NPM或纱
• ES6中的基本知识（JavaScript）
• DialogFlow API键（您可以在这里获取）

支持什么

• 基本答复（正在显示和说话）
• 简单的回应（正在说）
• 牌
• 轮播卡
• 列表
• 建议芯片
• 链接芯片
• 上面的所有结合
• 花式动画和视觉反馈
• 小部件模式，有关更多信息，请参见https://github.com/mishushakov/dialogflow-widget
• 谷歌搜索未知请求

开始

克隆存储库到您的机器

您可以使用git或直接从github下载

获取依赖关系

打开您的克隆文件夹。然后，使用您喜欢的软件包管理器获取依赖项

使用NPM的示例

npm install

示例使用纱线

yarn

启动开发服务器并构建

打开您的克隆文件夹。然后，使用您喜欢的软件包管理器运行dev命令

使用NPM的示例

npm run dev

示例使用纱线

yarn dev

完成这些步骤后，您的默认浏览器应打开并将您重定向到localhost:8080 。如果端口8080已经使用，则可以给出一个port参数以在指定的端口连接

使用NPM的示例

npm run dev --port 9090

示例使用纱线

yarn dev --port 9090

请不要使用开发服务器为您的应用服务，而开发服务器则用于开发。相反，请将构建工件上传到静态网络服务器

建造生产

您的应用程序将捆绑到dist/build.js构建它，您可以使用NPM或纱线

使用NPM的示例

npm run build

示例使用纱线

yarn build

自定义应用程序并连接您的代理商

要连接机器人，您首先需要创建一个。您可以通过访问DialogFlow网站来做到这一点。然后创建您的意图并添加Google Assistant回复

打开config.js并更改token变量，以连接您的机器人。您还可以将字符串转换为您的语言

例子

 export default {
    app : {
        token : "9d686a47b1de48bab431e94750d1cd87"
    }
}

如果您想更改重音颜色开放src/App.sass并更改$color变量

常见问题

• 问：我更改了令牌，响应与以前的令牌相同
• 答：确保您已经清洁了缓存并重建了应用程序。在野生动物园中，请转到“开发”>“空心卡车”。在Chrome中：“开发人员工具”>“应用程序”>“清除存储”>“清除站点数据”

谢谢，请保持更新！