Grok与Open WebUI整合:打造高颜值本地可视化对话界面

胖伟大大_8011

胖伟大大_8011

2026-06-22

559人浏览

原创

需先获取x.ai官方api密钥并安装docker,再用docker run命令部署open webui,配置openai_api_base_urls和openai_api_keys环境变量,最后在web界面添加grok-beta模型即可实现类chatgpt的本地可视化交互。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

grok与open webui整合:打造高颜值本地可视化对话界面

想用马斯克旗下Grok模型,又不想忍受命令行黑框或API裸调的繁琐体验,需要一个像ChatGPT那样丝滑、美观、支持文件上传和历史回溯的本地可视化对话界面。

确认Grok接入前提

打开浏览器无痕窗口,访问 x.ai 登录账号,进入 Settings → API Keys → Create new key,复制生成的密钥(以“xai-”开头的32位字符串)并保存到安全位置。这一步漏掉就无法后续验证,【密钥仅显示一次,关闭页面即不可再查】。

确保本地已安装 Docker Desktop(v24.0+)且服务正在运行;终端执行 docker info 命令无报错即为就绪。

Docker一键部署Open WebUI并绑定Grok

在终端中逐行执行以下命令:

第一步:拉取最新镜像
docker pull ghcr.io/open-webui/open-webui:main

第二步:启动容器并注入Grok配置
docker run -d \
  --name open-webui \
  -p 3000:8080 \
  -v open-webui_data:/app/backend/data \
  -e OPENAI_API_BASE_URLS="https://api.x.ai/v1" \
  -e OPENAI_API_KEYS="xai-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" \
  --restart always \
  ghcr.io/open-webui/open-webui:main

Ask Gemini/ChatGPT
Ask Gemini/ChatGPT

用于在用户想通过浏览器自动化与 Google Gemini 或 ChatGPT 交互时。触发短语包括“ask Gemini”“ask ChatGPT”“ask GPT”“让...”。

下载

注意:OPENAI_API_KEYS 的值必须用双引号包裹,且不能有多余空格或换行;若填错,容器会启动但登录后无法调用模型,需 docker rm -f open-webui 后重试。

首次访问与基础设置

浏览器访问 http://localhost:3000,页面自动跳转至注册页。

输入邮箱、用户名、密码完成注册,系统将创建首个管理员账户。

登录后点击左下角 Settings → Models → Add Model,手动添加一条记录:
Provider: OpenAI API
Name: grok-beta
Base URL: https://api.x.ai/v1
API Key: xai-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Model Name: grok-beta

这一步做完,顶部模型切换栏就会出现 grok-beta 选项,点击即可开始对话。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

grok docker部署 chatgpt

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
Grok使用教程大全
Grok使用教程大全

从注册登录到高级提示词应用,全面讲解Grok使用教程、常见问题解决方案和效率提升技巧。

2026.06.12

482

11

Grok工具推荐合集
Grok工具推荐合集

本专题整合了Grok工具合集,阅读专题下面的文章了解更多详细内容。

2026.06.12

402

9

Grok AI模型选择推荐
Grok AI模型选择推荐

本专题整合了Grok模型推荐指南,阅读专题下面的文章了解更多详细内容。

2026.06.12

582

19

grok搭建部署教程合集
grok搭建部署教程合集

本专题整合了grok搭建部署教程合集,阅读专题下面的文章了解更多详细内容。

2026.06.12

598

13

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

2026.09.30

80

10

LLVM RISC-V参数配置教程
LLVM RISC-V参数配置教程

本专题介绍LLVM对RISC-V基础ISA和扩展的支持方式,涵盖RV32、RV64、标准扩展、实验性扩展、厂商扩展、-menable-experimental-extensions和版本差异。

2026.09.30

80

14

LLVM IR中间表示入门指南
LLVM IR中间表示入门指南

本专题整理LLVM IR的核心概念,包括中间表示作用、模块结构、函数、基本块、SSA形式、类型系统和常见语法,帮助新手理解LLVM编译流程中的关键层。

2026.09.30

40

12

PDF转图片方法
PDF转图片方法

需要把 PDF 页面用于上传、预览、分享或图片归档时,PDF 转图片方法专题整理 JPG/PNG 格式选择、逐页导出、清晰度设置、批量下载和结果检查等流程,帮助用户稳定完成 PDF 图片化处理。

2026.09.30

40

26

PixTV AI视频生成与无限画布创作
PixTV AI视频生成与无限画布创作

PixTV专题整理AI视频与视觉内容创作相关功能使用教程,涵盖AI生图、视频生成、无限画布、多模型创作、素材管理、声音音乐及视频剪辑等功能,帮助用户快速掌握PixTV从创意到成片的完整制作方法。

2026.09.29

60

15

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Grok官方手册
Grok官方手册

共0课时 | 0人学习

ChatGPT入门手册
ChatGPT入门手册

共0课时 | 0人学习

ChatGPT使用教学
ChatGPT使用教学

共2课时 | 194人学习