-
Notifications
You must be signed in to change notification settings - Fork 30
ambari web
原文地址：https://cwiki.apache.org/confluence/display/AMBARI/Coding+Guidelines+for+Ambari
$ git clone https://git-wip-us.apache.org/repos/asf/ambari.git
$ cd ambari/ambari-web
$ sudo npm install -g [email protected]
$ rm -rf node_modules public
$ npm install
$ brunch build
启动前端服务：
$ brunch watch --server
用手机上网问题少，用公司网络上网问题多。手机上网只出现了[email protected]安装失败。
如果内网安装报错，可以用手机联网试试。用手机联网报过错：[email protected]安装失败。直接手工装安装上面的包，再执行npm install:
$ npm install [email protected]
$ npm install
$ sudo npm install -g [email protected]
npm: relocation error: npm: symbol SSL_set_cert_cb, version libssl.so.10 not defined in file libssl.so.10 with link time reference
google到这个网页的办法：
$ yum-config-manager --enable cr && yum update
这导致yum可以安装未正式发布的测试包。
之后虽然可以安装了，但很慢，创建一个使用淘宝NPM镜像的别名：
$ alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"
$ sudo cnpm install -g [email protected]
运行cnpm install时提示phantomjs没有在路径上，手工下载phantomjs，并添加到PATH:
$ cd /opt
$ wget https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-linux-x86_64.tar.bz2
$ tar -xjf phantomjs-2.1.1-linux-x86_64.tar.bz2
$ export PATH=$PATH:/opt/phantomjs-2.1.1-linux-x86_64/bin
根据社区文章：https://community.hortonworks.com/questions/26377/how-can-i-build-hdp-for-source.html 从github上下载HDP的ambari源码包： https://github.com/hortonworks/ambari-release/archive/AMBARI-2.5.1.7-tag.zip
按Ambari Web Frontend Development Environment的办法进行构建，并启动：
$ brunch watch --server
登录ambari UI后报错:You are using test mode，发现少了info.json文件。自己造一个：
$ cd app/assets/data/clusters
$ vi info.json
{
"items" : [
{
"Clusters" : {
"cluster_name" : "cc",
"provisioning_state" : "INSTALLED",
"version" : "HDP-2.4.3"
}
}
]
}
重新启动brunch watch --server后问题解决！
ambari的api文档以swagger.json的方式提供。在ambari-web目录看到一个api-docs目录，这个目录是swagger显示引擎的目录。可以将nginx的根目录设置到这里。
$ nginx -t
nginx: the configuration file /usr/local/openresty/nginx/conf/nginx.conf syntax is ok
编辑上面的nginx.conf文件：
server {
listen 80;
server_name localhost;
location / {
root /opt/ambari/ambari-web/api-docs;
index index.html index.htm;
}
}
然后找到ambari的swagger.json文件：
$ find /opt/ambari -name swagger.json
/opt/ambari/ambari-server/docs/api/generated/swagger.json
$ cp /opt/ambari/ambari-server/docs/api/generated/swagger.json /opt/ambari/ambari-web/api-docs
$ nginx -t
$ nginx
$ curl localhost
假设这个linux虚拟机的ip是：192.168.73.102。则在windows下用浏览器访问地址http://192.168.73.102就可以用swagger阅读ambari API文档了。
Mustache是一个无逻辑模板语言。称无逻辑，因为它的定义中没有循环、判断等语法，只有标签。
官网：http://mustache.github.io。
官方只提供了RUBY实现，但大量爱好者提供了各种语言的实现。其javascript的实现在github上有一万多颗星。
Mushtache的语法在官网的这个链接。
github home
handlebars.js是Mustache的超集，和javascript实现。
handlebars.js的增强部分：
- 内部路径，可以访问json串内部属性，如
{{author.name}} - helpers。在mustache的体系下，可以在json串中嵌入代码(Lambda)，把数据和代码放在一起有些怪。handerbars.js以helper代替，helper对代码的调用显式定义在模板中，格式类似
{fullName author}}。fullName就是一个helper。 - 块表达式(mustache称为
Section)。增强了mustache的section，使块也支持helper。格式类似{{#fillName author}}。