Ambari 二次开发 web环境搭建调试

当我们需要修改前端样式时，我们需要搭建web本地调试环境，接下来将介绍如何在本地搭建web开发环境
1、环境依赖
安装配置npm

安装配置brunch
执行 npm install -g [email protected] ，然后执行 brunch -V进行验证

2、编译Ambari源码
切换到Ambari-web源码目录下

cd /opt/ambari-release-2.6.2/ambari-web/

执行 npm install 安装本地依赖模块

安装完成

构建
执行 brunch build

在观察模式下启动brunch
brunch watch -s

在浏览器访问http://localhost:3333

试着修改页面
进入app路径下 修改message.js
备份之前的message.js文件 替换一份修改过的message.js文件
在观察模式下启动brunch
brunch watch -s
查看页面
http://localhost:3333

如果需要进入下一级页面 点击登录后显示

点击OK之后也没有进入下一页。通过F12查看发现是缺少 /data/clusters/info.json
如果需要进入

cd ambari-release-2.6.2/ambari-web/app/assets/data/clusters
vi info.json

添加

{
 "items" : [
	{
  	"Clusters" : {
    "cluster_name" : "hdp",
    "provisioning_state" : "INSTALLED",
    "version" : "HDP-2.6.2"
  }
}
]
}

重新回到ambari-web目录下 进行brunch build
再进一步brunch watch -s 即可进入

以上就是Ambari-web开发环境的搭建过程