ambari-web/admin 前端二次开发

# 切换到ambari-web目录下
cd /opt/ambari-web
npm install

brunch build
# or实时编译
brunch w

cd /usr/lib/ambari-server
# 备份web目录，也可将web目录改名
mv web web_bak
# 建立软链接 使ambari-server可以访问到我们修改编译后的代码
ln -s /opt/ambari-web/public web 

ambari-server restart

# 切换到admin-web目录下 
cd 到 /opt/ambari-admin/src/main/resources/ui/admin-web
# 全局安装gulp，bower
npm install -g bower
npm install -g gulp
yum -y install git

{
    "directory": "app/bower_components",
    "allow_root": true   //允许以root用户执行bower命令。也可以在执行命令的时候通过参数设定 如：bower install --allow-root    不要复制这段注释
}

npm install
bower install

'use strict';

var gulp = require('gulp');
var $ = require('gulp-load-plugins')();

var current = "build";
var config = {
    start_task:{
        test:"webserver",
        build:"build"
    }
};

/**
gulp.task('webserver', function(){
    gulp.src('app').pipe(webserver({
        port: 8000,//端口
        host: '192.168.30.135',//域名
        livereload: true,//实时刷新代码。不用f5刷新
        directoryListing: true,
        //fallback:'index.html',
        open:true
    }))
});
*/

gulp.task('styles', function () {
    return gulp.src('app/styles/*.css')
        .pipe($.order([
            'app/styles/main.css',
            'app/styles/custom-admin-ui.css'   // This should always be the last stylesheet. So it can be dropped and be effective on build time
        ], { base: './' }))
        .pipe($.concat('main.css'))
        .pipe($.autoprefixer('last 1 version'))
        .pipe(gulp.dest('.tmp/styles'))
        .pipe($.size());
});

gulp.task('html', ['styles'], function () {
    var jsFilter = $.filter('**/*.js');
    var cssFilter = $.filter('**/*.css');

    return gulp.src('app/*.html')
        .pipe($.plumber())
        .pipe($.useref.assets({searchPath: '{.tmp,app}'}))
        .pipe(jsFilter)
        .pipe(jsFilter.restore())
        .pipe(cssFilter)
        .pipe(cssFilter.restore())
        .pipe($.useref.restore())
        .pipe($.useref())
        .pipe(gulp.dest('dist'))
        .pipe($.size());
});

gulp.task('views', function () {
    return gulp.src('app/views/**/*.html')
        .pipe(gulp.dest('dist/views'));
});

gulp.task('xml', function () {
    return gulp.src('app/*.xml')
        .pipe(gulp.dest('dist'));
});

gulp.task('images', function () {
    return gulp.src('app/img/**/*')
        .pipe(gulp.dest('dist/img'))
        .pipe($.size());
});

gulp.task('fonts', function () {
    return $.bowerFiles()
        .pipe($.filter('**/*.{eot,svg,ttf,woff}'))
        .pipe($.flatten())
        .pipe(gulp.dest('dist/fonts'))
        .pipe($.size());
});

gulp.task('extras', function () {
    return gulp.src(['app/*.*', '!app/*.html'], {dot: true})
        .pipe(gulp.dest('dist'));
});

gulp.task('clean', function () {
    return gulp.src(['.tmp', 'dist'], {read: false}).pipe($.clean());
});

gulp.task('build', ['html', 'views', 'images', 'xml', 'fonts', 'extras']);

gulp.task('default', ['clean'], function () {
    gulp.start(config.start_task[current]);
});

gulp

cd /var/lib/ambari-server/resources/views/work
mv ADMIN_VIEW\{2.6.1.0} /tmp
ln -s /opt/ambari-admin/src/main/resources/ui/admin-web/dist ADMIN_VIEW\{2.6.1.0}
cp /tmp/ADMIN_VIEW\{2.6.1.0}/view.xml ADMIN_VIEW\{2.6.1.0}/

ambari-server restart