嵌入Dify聊天机器人

Question

我在ubuntu上用docker安装了dify，并且将映射端口改为了8088.现在，我要讲dify的聊天机器人嵌入到我的网站上。网址是http://cmdb.zjgsu.edu.cn/index_script.html.下面是dify给出的代码：

请帮我生成相关的网页代码，我拷贝进去即可运行。

Answer 1

请求新代码
用户已在Ubuntu上通过Docker安装了Dify，并希望将其中的聊天机器人嵌入其网站中，要求生成相关网页代码以便直接运行。

调整地址设置

在代码中将baseUrl和src调整为正确的域名或IP地址。这确保Dify聊天机器人在客户端加载时能够正常工作。

配置网址脚本

我正在调整baseUrl和script src，假设Dify实例可以通过http://cmdb.zjgsu.edu.cn:8088访问。这样，聊天机器人可以正常工作。

Answer 2

您好，您可以使用以下代码，将 Dify 聊天机器人嵌入到您的网页中。请确保将 baseUrl 和脚本的 src 属性中的 localhost 替换为您的服务器实际访问地址。在您的情况下，假设您的服务器地址为 http://cmdb.zjgsu.edu.cn，端口为 8088。

html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Dify Chatbot Embed</title>
</head>
<body>

<!-- 您的网页内容 -->

<!-- Dify 聊天机器人嵌入代码 -->
<script>
  window.difyChatbotConfig = {
    token: 'lKob2wryIZLxiPuV',
    baseUrl: 'http://cmdb.zjgsu.edu.cn:8088'
  }
</script>
<script
  src="http://cmdb.zjgsu.edu.cn:8088/embed.min.js"
  id="lKob2wryIZLxiPuV"
  defer>
</script>
<style>
  #dify-chatbot-bubble-button {
    background-color: #1C64F2 !important;
  }
</style>

</body>
</html>

注意事项：

确保端口映射正确：您提到已经将 Dify 的映射端口改为了 8088，请确认外部可以通过 http://cmdb.zjgsu.edu.cn:8088 访问您的 Dify 服务。
防火墙设置：如果您使用了防火墙，请确保端口 8088 已经对外开放。
HTTPS 支持：如果您的网站使用的是 HTTPS，建议也为 Dify 配置 HTTPS，以避免混合内容导致的问题。
替换示例代码中的 token：请确保 token 的值与您在 Dify 中生成的实际令牌一致。

将上述代码复制到您的网页中，保存并上传到服务器，即可在网页上看到嵌入的聊天机器人。

如果有任何问题，请随时告知！

嵌入Dify聊天机器人

سؤال

الإجابة

الإجابة

مشاركة هذا السؤال والجواب