Dify嵌入若依系统充当智能助手(手把手教)

背景：打造AI应用

步骤一：启动若依框架

注：包含后端与前端，后端使用的是jdk8，需要开启redis服务；前端需要安装node

代码地址：gitee.com/y_project/R…

步骤二：Dify创建聊天助手

说明：可以创建自己的知识库，并设置嵌入模型，让它基于知识库中的内容进行回答。

步骤三：嵌入网站

vscode进入Ruoyi-UI项目,找到App.vue文件

添加如下代码：

<script>
import ThemePicker from "@/components/ThemePicker";
export default {
  name: "App",
  components: { ThemePicker },
  metaInfo() {
    return {
      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
      titleTemplate: title => {
        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
      }
    }
  },
  mounted() {
    // 配置 Dify
    window.difyChatbotConfig = {
      token: '你的token',
      baseUrl: '你的地址'
    };
    // 动态加载 Dify 的脚本
    const script = document.createElement('script');
    script.src = '你的脚本';
    script.id = '你的id';
    script.defer = true;
    document.body.appendChild(script);
  }
};
</script>

效果演示：

说明：可以搭建个人知识库或企业级知识库，实现快速接入智能助手。如有问题，可以进入技术群寻求帮助

本人正在打造技术交流群，欢迎志同道合的朋友一起探讨，一起努力，通过自己的努力，在技术岗位这条道路上走得更远。QQ群号：925317809 备注：技术交流 即可通过！

加入技术群可以获取资料，含AI资料、Spring AI中文文档等，等你加入~