Skip to content

Saber3集成

TIP

此文档只针对已有Saber3项目集成新的模块。如果你是新项目,Saber3集成工作流文档已经包含此内容。

DANGER

  • 请先确保已经安装了Dify,并且成功运行。
  • 请先确保已经集成了Saber3工作流插件,并且成功运行。
  • 请先确保@saber/nf-form-elp升级到1.7.0及以上版本。

如果以上步骤未完成,进行以下文档步骤后也不保证你能使用。

拷贝源码

TIP

新项目如果你直接使用了【插件私服中的Saber3】,此步骤可忽略。

拷贝【插件私服】中的【Saber3】项目中的以下文件/文件夹到【你的Saber3项目】对应的目录下。

Saber3
├─ src
│  ├─ views
│  │  ├─ plugin
│  │  │  ├─ workflow
│  │  │  │  ├─ api
│  │  │  │  │  ├─ chat          # api
│  │  │  │  ├─ hooks            # hooks
│  │  │  │  ├─ pages
│  │  │  │  │  ├─ chat          # pages
│  │  │  │  ├─ utils
│  │  │  │  │  ├─ module.js     # utils/module.js

添加路由

Saber3/src/router/views/index.js文件中/workflow路由的children中添加以下路由。其他的是已存在的,只添加重点标注的路由。

js
{
  path: '/workflow', 
  component: Layout,
  children: [
    ...
    {
      path: 'process/detail/:params',
      name: '流程详情',
      component: () =>
        import( /* webpackChunkName: "views" */ '@/views/plugin/workflow/pages/process/form/detail.vue'),
    },
    { 
      path: 'chat/index/:params', 
      name: '聊一聊', 
      component: () =>
        import('@/views/plugin/workflow/pages/chat/index.vue'), 
    } 
  ]
},

安装依赖

sh
pnpm i @nutflow/nf-chat-elp x-markdown-vue
sh
npm i @nutflow/nf-chat-elp x-markdown-vue
sh
yarn add @nutflow/nf-chat-elp x-markdown-vue

DANGER

装不上说明Saber3未集成完毕。请先查看Saber3集成工作流文档正确配置.npmrc文件。