Overseas access: www.58jingpai.com
Ctrl + D Favorites

OpenWebUI Deploying the Ollama Visualization Dialog Interface

2025-03-14 395

I. Deploying with Node.js

1. Install Node.js

Download and install Node.js Tools: https://www.nodejs.com.cn/download.html

OpenWebUI 部署 Ollama 可视化对话界面-1

Set the mirror source, for example, using the following mirror source.

npm config set registry http://mirrors.cloud.tencent.com/npm/

2. Clone the ollama-webui repository

Clone the ollama-webui repository in the terminal and switch the directory of the ollama-webui code.

git clone https://github.com/ollama-webui/ollama-webui-lite.git
cd ollama-webui-lite

3. Installation of dependencies

Install the dependency in the terminal.

npm ci

OpenWebUI 部署 Ollama 可视化对话界面-2

4. Operation

npm run dev

OpenWebUI 部署 Ollama 可视化对话界面-3

strike (on the keyboard) http://localhost:3000/ , open the page.

OpenWebUI 部署 Ollama 可视化对话界面-4

 

Deploying with Docker

This subsection deploys open-webui using Docker on Windows.

Reference Tutorial Ollama Installation and Configuration for WindowsTo install Ollama in advance, use the following command in the terminal to pull the ghcr.io/open-webui/open-webui:main Mirror it and run it.

docker run -d -p 3000:8080 --add-host=host.docker.internal:host-gateway -v open-webui:/app/backend/data --name open-webui --restart always ghcr.io/open-webui/open-webui:main

The following result appears in the command terminal, indicating a successful run.

OpenWebUI 部署 Ollama 可视化对话界面-5

After the command is run successfully, the following command will appear under Docker's Container open-webui, as shown in the figure below.

OpenWebUI 部署 Ollama 可视化对话界面-6

After that click on Port Access as shown below. You can also directly type in your browser http://localhost:3000/ Access.

OpenWebUI 部署 Ollama 可视化对话界面-7

When you open it, it will appear that you are logged in to Open WebUI, just register for an account.

OpenWebUI 部署 Ollama 可视化对话界面-8

OpenWebUI 部署 Ollama 可视化对话界面-9

After selecting the model, you can start the dialog.

OpenWebUI 部署 Ollama 可视化对话界面-10

The following is a guide to using the qwen2:1.5b An example of a dialog.

OpenWebUI 部署 Ollama 可视化对话界面-11

 

If you want to explore more features you can refer to: https://github.com/open-webui/open-webui

Reference warehouse address: https://github.com/ollama-webui/ollama-webui-lite

Recommended

Can't find AI tools? Try here!

Just type in the keyword Accessibility Bing SearchYou can quickly find all the AI tools on this site.

inbox

Contact Us

Top

en_USEnglish