dialogflow web v2

Web 版 Dialogflow v2

Dialogflow 提供强大的自然语言理解 (NLU) 引擎来处理和理解自然语言输入，让您可以在产品和服务之上构建对话界面

这是 Dialogflow V2 的非官方 Web 集成

注意：2021年8月，我将Web应用程序升级到Vue 3，修复了安全漏洞并更新了依赖项。该软件是免费的，但我的时间不是免费的。考虑通过 PayPal 或商业协议支持我

特征

• 渐进式 Web 应用程序（100/100 Lighthouse 分数）
• 辅助功能
• 广泛的浏览器支持 (IE8+)、离线功能（历史）和出色的 SEO
• 熟悉的 UI 和 UX，基于官方 Google Assistant 设计规范
• 深色模式和主题
• 与语音输入和语音反馈进行免提交互（使用 SSML）
• 独立于语言
• Docker 和 Kubernetes 支持
• Google 支持上的丰富组件、Webhook 和 Actions（演示）
• 用于嵌入网站的浮动小部件（存储库和演示）
• 基于 Vue 3 、Webpack、Babel 和 PostCSS
• 轻量级（压缩后的版本约为 50KB）
• 免费且完整记录
• 德国制造
• Dialogflow 和 MadeWithVueJS 推荐

由来自巴黎的音频营销工作室 Vokode 赞助，该工作室的业务包括：声音设计、播客和语音应用程序

安装

要求

• NodeJS
• npm 或纱线
• Google 帐户和 Dialogflow V2 代理（如果您寻找 V1，请使用我的旧存储库）

后端

Dialogflow Gateway 支持此类第三方集成，以安全地访问 Dialogflow V2 API

• 文档
• 实施

Ushakov 的AD Dialogflow Gateway（托管）是开始使用 Dialogflow for Web v2 的最快方法

克隆存储库

您可以使用git或从GitHub下载

安装依赖项

打开克隆的文件夹。然后，使用包管理器安装依赖项

使用 npm

npm i

使用纱线

yarn

连接代理

打开src/config/index.js并将endpoint变量更改为您的 Dialogflow Gateway URL

提示：Ushakov 托管的 Dialogflow Gateway 的 URL 始终是您的 google 云项目 id + .core.ushaflow.io 。如果您遇到任何问题，请确保您已将代理连接到网关，然后访问控制台，单击“管理”并复制网关 URL

例子

 export default {
    endpoint : 'https://dialogflow-web-v2.core.ushaflow.io'
    [ ... ]
}

[ ... ]

徽标、代理名称、描述和可用语言是从 Dialogflow 获取的。在 Dialogflow 中更改它们，它将同步到 UI。请注意，添加新语言时，您可能还需要翻译一些 UI（ src/translations中的translations.json ）

发展

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

使用 npm

npm run serve

使用纱线

yarn serve

您的默认浏览器应该打开并重定向到localhost:8080 。如果端口 8080 已被使用，您可以提供port参数以在指定端口进行连接

使用 npm

npm run serve --port 9090

使用纱线

yarn serve --port 9090

请不要使用开发服务器为访问者提供您的应用程序，开发服务器用于开发。请将构建工件上传到静态网络服务器

主题

您可以根据规范为 Dialogflow for Web v2 制作自定义主题：

要应用变量，请打开src/style/theme.sass并在:root选择器中更改它们

您还可以在@media (prefers-color-scheme: dark)

建造

您的应用程序将被捆绑到dist目录

要构建它，您可以使用npm或yarn

使用 npm

npm run build

使用纱线

yarn build

更新

运行git pull origin master来集成更改

另外，保持 vue 包是最新的

 vue upgrade

常见问题解答

• 问：我没有看到任何变化
• 答：确保您清理了缓存并重建了应用程序。在 Safari 中，转到“开发”>“清空缓存”。在 Chrome 中：“开发者工具”>“应用程序”>“清除存储”>“清除站点数据”

查询

联系开发者或提出问题