TT Bigdata TT Bigdata
首页
  • 部署专题

    • 常规安装
    • 一键部署
  • 组件专题

    • 安装指导
    • 实战 Kerberos
    • 魔改分享
  • 版本专题

    • 更新说明
    • BUG临时处理
  • 实验室

    • VIEW插件
    • JIRA速查
  • Ambari-Env

    • 环境准备
    • 开始使用
  • 二开指导

    • 前端开发
    • 后端开发
  • 组件编译

    • 专区—Ambari
    • 专区—Bigtop-官方组件
    • 专区—Bigtop-扩展组件
  • 报错解决

    • 专区—Ambari
    • 专区—Bigtop
  • 其他技巧

    • APT仓库增量更新
    • Maven镜像加速
    • Gradle镜像加速
    • Bower镜像加速
    • 虚拟环境思路
    • R环境安装+一键安装脚本
    • Ivy配置私有镜像仓库
    • Node.js 多版本共存方案
    • Ambari Web本地启动
    • Npm镜像加速
    • PostgreSQL快速安装
    • Temurin JDK 23快速安装
  • 成神之路

    • 专区—Ambari
    • 专区—Ambari-Metrics
    • 专区—Bigtop
  • 集成案例

    • Redis集成教学
    • Dolphin集成教学
    • Doris集成教学
    • 持续整理...
  • 核心代码

    • 各组件代码
    • 通用代码模板
  • 国产化&其他系统

    • Kylin V10系列
    • Rocky系列
    • Ubuntu系列
  • Grafana监控方案

    • Ambari-Metrics插件
    • Infinity插件
  • 优化增强

    • 组件配置调优
  • 支持&共建

    • 蓝图愿景
    • 合作共建
    • 服务说明
登陆
GitHub (opens new window)

JaneTTR

数据酿造智慧,每一滴都是沉淀!
首页
  • 部署专题

    • 常规安装
    • 一键部署
  • 组件专题

    • 安装指导
    • 实战 Kerberos
    • 魔改分享
  • 版本专题

    • 更新说明
    • BUG临时处理
  • 实验室

    • VIEW插件
    • JIRA速查
  • Ambari-Env

    • 环境准备
    • 开始使用
  • 二开指导

    • 前端开发
    • 后端开发
  • 组件编译

    • 专区—Ambari
    • 专区—Bigtop-官方组件
    • 专区—Bigtop-扩展组件
  • 报错解决

    • 专区—Ambari
    • 专区—Bigtop
  • 其他技巧

    • APT仓库增量更新
    • Maven镜像加速
    • Gradle镜像加速
    • Bower镜像加速
    • 虚拟环境思路
    • R环境安装+一键安装脚本
    • Ivy配置私有镜像仓库
    • Node.js 多版本共存方案
    • Ambari Web本地启动
    • Npm镜像加速
    • PostgreSQL快速安装
    • Temurin JDK 23快速安装
  • 成神之路

    • 专区—Ambari
    • 专区—Ambari-Metrics
    • 专区—Bigtop
  • 集成案例

    • Redis集成教学
    • Dolphin集成教学
    • Doris集成教学
    • 持续整理...
  • 核心代码

    • 各组件代码
    • 通用代码模板
  • 国产化&其他系统

    • Kylin V10系列
    • Rocky系列
    • Ubuntu系列
  • Grafana监控方案

    • Ambari-Metrics插件
    • Infinity插件
  • 优化增强

    • 组件配置调优
  • 支持&共建

    • 蓝图愿景
    • 合作共建
    • 服务说明
登陆
GitHub (opens new window)
  • Ambari-Web

    • Ambari-Web-3.0.0本地启动与二开环境搭建
      • 一、开发环境与工具说明
        • 1、IDE 与开发方式选择
      • 二、获取 Ambari-Web 源码
        • 1、源码仓库说明
        • 2、选择 3.0.0 Release 版本
      • 三、打开 Ambari-Web 子工程
        • 1、目录选择原则
      • 四、Node 与 Yarn 环境准备
        • 1、Node 版本选择
        • 2、启用 corepack 与 Yarn
        • 3、配置国内镜像(强烈建议)
        • 4、清理历史依赖并安装
      • 五、WebStorm 启动配置
        • 1、运行配置参数
        • 2、启动 Ambari-Web
      • 六、访问本地 Ambari-Web
    • 左侧 Service 数量控制原理与实现
  • META-DEVELOP-FRONTEND
  • Ambari-Web
JaneTTR
2026-01-28
目录

Ambari-Web-3.0.0本地启动与二开环境搭建

# 一、开发环境与工具说明

本文以 Ambari 3.0.0 为目标版本,介绍 Ambari-Web 的本地启动流程。

# 1、IDE 与开发方式选择

这里使用 WebStorm 作为 Ambari-Web 二次开发的主要 IDE,原因如下:

  • 对 Node / Yarn / NVM 支持完善
  • 对前端项目运行配置友好
  • 日志、断点、控制台集成度高

说明

Ambari-Web 本质是一个 Ember.js 前端工程,与 ambari-server 后端解耦, 本地启动不依赖 Java、Maven 或 Ambari Server。

# 二、获取 Ambari-Web 源码

# 1、源码仓库说明

Ambari 官方仓库地址:

https://github.com/apache/ambari
1

本文不再赘述 Git Clone 的基础操作。

# 2、选择 3.0.0 Release 版本

优先选择 Release 包,而非 master 分支:

https://github.com/apache/ambari/releases/tag/release-3.0.0
1

image-20260128102705128

# 三、打开 Ambari-Web 子工程

# 1、目录选择原则

下载并解压完成后,不要直接打开 Ambari 根目录。

在 WebStorm 中,只需要选择:

ambari/ambari-web
1

image-20260128102522583

原因说明

Ambari 根目录同时包含:

  • ambari-server(Java)
  • ambari-agent(Python)
  • ambari-web(前端)

前端二开只需要 ambari-web,避免 IDE 索引大量无关内容。

# 四、Node 与 Yarn 环境准备

# 1、Node 版本选择

这里使用 nvm 管理 Node 版本。

nvm install 18
nvm use 18
1
2

注意

Ambari-Web 对 Node 版本较敏感,Node 20+ 在部分依赖场景下会触发构建异常, 建议直接使用 Node 18 LTS。

# 2、启用 corepack 与 Yarn

corepack enable
npm install yarn -g
1
2

# 3、配置国内镜像(强烈建议)

yarn config set registry https://registry.npmmirror.com
npm config set registry https://registry.npmmirror.com
1
2

# 4、清理历史依赖并安装

rm -rf node_modules
rm -f yarn.lock

yarn install --ignore-engines
yarn config set ignore-engines true
1
2
3
4
5

说明

Ambari-Web 的部分依赖声明较老, --ignore-engines 是必要操作,否则极易卡在依赖校验阶段。

# 五、WebStorm 启动配置

# 1、运行配置参数

在 WebStorm 的 Run / Debug Configuration 中新增 Node.js 配置:

  • Command:run
  • Scripts:start
  • Node runtime:选择 nvm 中的 Node 18
  • Package manager:选择 nvm 安装的 yarn

image-20260128103145720

# 2、启动 Ambari-Web

配置完成后,直接点击运行。

image-20260128103547065

# 六、访问本地 Ambari-Web

启动成功后,默认监听端口为:

http://localhost:3333
1

到这里说明

Ambari-Web 已经可以:

  • 正常编译
  • 本地热更新
  • 断点调试 Ember 逻辑
#Ambari#Ambari-Web#前端二开#Ember.js#Node.js#Yarn#WebStorm
左侧 Service 数量控制原理与实现

左侧 Service 数量控制原理与实现→

最近更新
01
左侧 Service 数量控制原理与实现
01-28
02
[22212]Ambari 3.0.0 左侧服务菜单滚动条缺失修复
01-28
03
[22212]解决办法
01-28
更多文章>
Theme by Vdoing | Copyright © 2017-2026 JaneTTR | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式