04_Dify 单独启动前端 Docker 容器

Ne0inhk

— 3 min read
04_Dify 单独启动前端 Docker 容器

前言

本文介绍了在前后端分离开发场景下，部署Dify前端服务的两种Docker化方案。一是直接使用官方DockerHub镜像启动前端容器，支持最新版或指定版本，并配置后端API地址；二是通过源码本地构建自定义镜像后再启动。两种方法均通过环境变量配置控制台与应用的API连接，并提供了本地访问验证方式，适合后端开发者专注业务逻辑时快速启用前端界面。

一、直接使用 DockerHub 镜像

当单独开发后端时，可能只需要源码启动后端服务，而不需要本地构建前端代码并启动，因此可以直接通过拉取 docker 镜像并启动容器的方式来启动前端服务。

1.1 启动后端服务

查看教程：👉 Dify开源版使用源代码本地启动（一至五部分）

查看教程：👉 dify-plugin-daemon使用源码启动图文教程

1.2 使用 DockerHub 镜像启动前端 Docker 容器

获取最新版本

docker run -it -p 3000:3000 -e CONSOLE_API_URL=http://127.0.0.1:5001 -e APP_API_URL=http://127.0.0.1:5001 langgenius/dify-web:latest

获取指定版本，搜索：
langgenius/dify-web Tags | Docker Hub

在这里插入图片描述
docker run -it -p 3000:3000 -e CONSOLE_API_URL=http://127.0.0.1:5001 -e APP_API_URL=http://127.0.0.1:5001 langgenius/dify-web:1.4.3
在这里插入图片描述

二、使用源码构建 Docker 镜像

开发者首先需进入前端源码目录，使用docker build命令构建自定义镜像（例如命名为dify-web），随后再以类似方式运行容器。该方案同样提供了灵活的环境变量配置，并特别说明当控制台与应用的访问域名不一致时，可通过CONSOLE_URL和APP_URL变量分别进行设置。

2.1 构建前端镜像

cd web &&docker build . -t dify-web

2.2 启动前端镜像

docker run -it -p 3000:3000 -e CONSOLE_API_URL=http://127.0.0.1:5001 -e APP_API_URL=http://127.0.0.1:5001 dify-web

2.3 控制台域名设置

当控制台域名和 Web APP 域名不一致时，可单独设置 CONSOLE_URL 和 APP_URL

2.4 本地访问

访问地址：http://127.0.0.1:3000

在这里插入图片描述

登录成功：

在这里插入图片描述

三、总结

两种方案均将容器端口映射到主机的3000端口，启动后可通过访问 http://127.0.0.1:3000 来验证前端服务是否正常运行并登录。总而言之，第一种方案以极致的便捷性取胜，适合追求效率的标准开发流程；第二种方案则以构建的自主性和配置的灵活性见长。这两种互补的方案共同构成了一套实用工具箱，有效提升了Dify在前后端分离模式下的开发与部署效率。

Read more

Flutter 组件 whitecodel_auto_link 适配鸿蒙 HarmonyOS 实战：交互式文本探针，构建信息流自动链接识别与极速预览架构

Flutter 组件 whitecodel_auto_link 适配鸿蒙 HarmonyOS 实战：交互式文本探针，构建信息流自动链接识别与极速预览架构

欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.ZEEKLOG.net Flutter 组件 whitecodel_auto_link 适配鸿蒙 HarmonyOS 实战：交互式文本探针，构建信息流自动链接识别与极速预览架构 前言 在鸿蒙（OpenHarmony）生态迈向深度社交、企业办公及即时通讯全场景覆盖的背景下，如何将枯燥的长文本转化为具备可交互能力的“信息枢纽”，已成为提升用户操作效率的关键。在鸿蒙设备这类强调分布式协同与智慧感知的移动终端上，如果应用仅能显示纯文本，而无法识别其中的网址（URL）、邮箱（Email）或电话（Phone），用户就必须通过复杂的“长按、复制、切换应用、粘贴”链路来处理信息，这极大地割裂了鸿蒙系统的流转体验。 我们需要一种能够自动扫描文本特征、支持多维热点识别且具备高性能渲染能力的富文本处理引擎。 whitecodel_auto_link 为 Flutter 开发者引入了极其简便的长文本自动链接方案。它通过内置的高精度正则匹配矩阵，自动将文本中的特定识别域转化为可点击的高亮区域。在适配到鸿蒙

By Ne0inhk
Spring Boot 后端分层开发实战：从 MVC 到三层架构详解

Spring Boot 后端分层开发实战：从 MVC 到三层架构详解

应用分层 通过上面的练习，我们学习了 Spring MVC 简单功能的开发，但是我们也发现了一些问题。目前我们程序的代码有点 “杂乱”，然而当前只是 “一点点功能” 的开发。如果我们把整个项目功能完成呢？代码会更加的 “杂乱无章”（文件乱，代码内容乱）。 也基于此，咱们接下来学习应用分层。类似公司的组织架构：公司初创阶段，一个人身兼数职，既做财务，又做人事，还有行政。随着公司的逐渐壮大，会把岗位进行细分，划分为财务部门，人事部门，行政部门等。各个部门内部还会再进行细分。 项目开发也是类似，最开始功能简单时，我们前后端放在一起开发，随着项目功能的复杂，我们分为前端和后端不同的团队，甚至更细粒度的团队。后端开发也会根据功能再进行细分。MVC 就是其中的一种拆分方式。但是随着后端人员不再涉及前端，后端开发又有了新的分层方式。 4.1 介绍 阿里开发手册中，关于工程结构部分，定义了常见工程的应用分层结构： 那么什么是应用分层呢？应用分层是一种软件开发设计思想，

By Ne0inhk

大模型实习模拟面试面经：同花顺金融大模型算法一面深度复盘（RAG、LoRA、强化学习、Agent 架构全解析）

大模型实习模拟面试面经：同花顺金融大模型算法一面深度复盘（RAG、LoRA、强化学习、Agent 架构全解析） 关键词：大模型面试｜RAG 重排序｜LoRA 参数优化｜GRPO 训练异常处理｜Agentic RL｜金融 Agent 开发｜AI for SE 前言：为什么这场面试值得复盘？ 2026 年，大模型技术已从“学术热点”全面转向“工业落地”，尤其在金融、医疗、法律等高价值垂直领域，智能 Agent 正成为企业核心竞争力的关键载体。作为国内领先的金融科技公司，同花顺近年来大力投入金融大模型与智能投研 Agent 的研发，其算法岗面试自然聚焦于工程实现能力 + 领域理解深度 + 技术前沿敏感度三大维度。 本文基于真实模拟面试场景，完整还原一场面向大模型算法实习生岗位的一轮技术面全过程。面试官围绕 RAG 重排序机制、LoRA

By Ne0inhk
Spring Cloud 熔断降级详解：用 “保险丝“ 类比，Sentinel 实战教程

Spring Cloud 熔断降级详解：用 “保险丝“ 类比，Sentinel 实战教程

欢迎文末添加好友交流，共同进步！ “ 俺はモンキー・D・ルフィ。海贼王になる男だ！” * 📋 目录 * 什么是熔断降级 * 定义 * 为什么需要熔断降级？ * 保险丝类比：形象理解熔断机制 * 生活中的保险丝 * 熔断器工作原理对比 * 熔断器三种状态 * Sentinel 核心概念 * 什么是 Sentinel？ * 核心概念对比 * Sentinel vs Hystrix 对比 * Sentinel 实战教程 * 环境准备 * 1. 添加依赖 * 2. 配置文件 * 基础示例：注解方式 * 3. 主启动类 * 4. 创建订单服务 * 5. 控制器 * 高级配置：规则定义 * 6. 流控规则配置 * OpenFeign 集成 * 7. Feign客户端集成Sentinel * 8. Feign降级处理 * 规则持久化（

By Ne0inhk