open-web UI 实用指南

open-web UI 类似于chatgpt, 可以私有化模型本地部署,可以实现 多模态AI聊天 , AI 翻译 , AI搜索,语音转文本, 文本转语音, 文生图,代码助手,可谓利器。
前提:安装好WSL2 ,ollama安装在WSL2里面。参考我的WSL2折腾帖子

安装open-web UI

使用 pip 安装

需要 Python 3.11

  1. 安装Open WebUI:打开你的终端并运行以下命令:

    pip install open-webui
    
  2. 启动 Open WebUI:安装完成后,使用以下命令启动服务器:

    open-webui serve
    

安装后,可以在 http://localhost:8080 访问Open WebUI
如果有需要更新:

pip install --upgrade open-webui

AI 聊天

点用户,打开管理员面板,选择设置–外部连接,输入Ollama API的链接地址,点击右边按钮,测试连接

在这里插入图片描述

然后在 设置–界面 ,选择一个默认模型

在这里插入图片描述

然后就可以回到新对话,进行聊天了。

AI 多模态聊天

ollama 0.4.0之后支持llama3.2-vision,可以识图聊天了。

在管理员面板-设置-模型,下载llama3.2-vision, 大约7.9GB

在这里插入图片描述
然后新建一个对话,上传图片,问它问题。
在这里插入图片描述

AI翻译

可以在工作空间编辑一下提示词,便于翻译

在这里插入图片描述

在这里插入图片描述

在聊天框输入 /xtranslate, 在content位置输入你的文本,答复如下
在这里插入图片描述

AI搜索

由于大模型的知识都是过去时,如果询问需要最新的知识,就需要AI+搜索来实现。分两步来实现

搜索引擎

SearXNG 是一个元搜索引擎,从多个搜索引擎中聚合结果。我们用docker方式安装

git clone https://github.com/searxng/searxng-docker.git
cd searxng-docker

用OpenSSL工具建立一组secret key,并自动填入到searxng/settings.yml

sed -i "s|ultrasecretkey|$(openssl rand -hex 32)|g" searxng/settings.yml

修改 searxng/settings.yml 成以下, secret_key已经填入,不要修改哦。

# see https://docs.searxng.org/admin/settings/settings.html#settings-use-default-settings
use_default_settings: true

server:
  secret_key: "已经自动填入的secret_key"
  limiter: false
  image_proxy: true

ui:
  static_use_hash: true

search:
  safe_search: 0
  autocomplete: ""
  default_lang: ""
  formats:
    - html
    - json

新建一个 searxng/uwsgi.ini文件,填入以下内容:

[uwsgi]
# Who will run the code
uid = searxng
gid = searxng

# Number of workers (usually CPU count)
# default value: %k (= number of CPU core, see Dockerfile)
workers = %k

# Number of threads per worker
# default value: 4 (see Dockerfile)
threads 
### 安装和使用 OpenWebUI 对于希望在项目中集成 `OpenWebUI` 的开发者来说,了解其安装过程以及基本配置至关重要。由于官方文档可能未直接提及具体步骤,以下是基于现有实践总结的方法。 #### 设置环境准备 为了确保后续操作顺利进行,建议先进入目标项目的根目录即 ollama-webui 文件夹,在此文件夹下执行所有命令[^1]: ```bash cd path/to/your/project/ollama-webui ``` 接着,优化国内网络环境下软件包下载速度可以通过更改 NPM 配置来实现: ```bash npm config set registry http://mirrors.cloud.tencent.com/npm/ ``` 这一步骤有助于加速依赖项获取流程,提高开发效率。 #### 安装必要的工具链 确认已正确安装适当版本的 Node.js 和 npm 是至关重要的。通常情况下,当安装了合适的 Node.js 后,npm 版本应当自动匹配至所需最低标准(>=6.0.0)。然而,若遇到版本不符的情况,则需通过如下指令更新全局 npm 至最新版[^2]: ```bash npm install -g npm@latest ``` 完成上述准备工作之后,可以继续处理应用程序特定的需求——重新安装项目依赖以确保一切正常工作: ```bash npm ci npm install ``` #### 寻找并安装 OpenWebUI 尽管当前提供的参考资料并未明确指出如何针对 OpenWebUI 进行 npm 包管理,但一般而言,开源社区中的流行前端库都会被维护者发布到 npm 平台上供其他开发者便捷调用。因此,尝试搜索该组件是否存在对应的 npm 发布版本不失为一种有效途径: ```bash npm search openwebui ``` 一旦找到确切名称,即可按照常规方式将其加入本地工程之中: ```bash npm install --save openwebui-package-name ``` 请注意替换其中的 `openwebui-package-name` 为你实际查询所得的确切包名。 #### 使用 OpenWebUI 组件 成功引入后,便可以在 JavaScript 或 TypeScript 中导入所需的模块,并遵循相应 API 文档指导构建交互界面。例如: ```javascript import { SomeComponent } from 'openwebui-package-name'; function App() { return ( <div> <SomeComponent /> </div> ); } ``` 以上代码片段展示了怎样利用 React 方式加载来自指定 npm 包内的 UI 控件;当然,具体的语法结构取决于所选框架及其配套说明。
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值