1. 程式人生 > >006-Ambari二次開發之web環境搭建除錯

006-Ambari二次開發之web環境搭建除錯

當我們需要修改前端樣式時,我們需要搭建web本地除錯環境,本篇我們將介紹如何在本地搭建web開發環境。
注:本篇操作是在Ubuntu下完成的。

掃描二維碼,關注BearData,獲取最新文章
這裡寫圖片描述

  1. 安裝nodeJS
    下載地址:https://nodejs.org/download/release/v0.10.44/node-v0.10.44-linux-x64.tar.gz
    下載完後,解壓,配置環境變數。執行 node -v,npm -v
    這裡寫圖片描述
  2. 安裝brunch
    執行 npm install -g [email protected] ,然後執行 brunch -V進行驗證
    這裡寫圖片描述
  3. 切換到Ambari-web原始碼目錄下
    cd ambari-release-2.6.2/ambari-web/
    執行 npm install 安裝本地依賴模組
    這裡寫圖片描述
  4. 構建
    執行 brunch build
    這裡寫圖片描述
  5. 在觀察模式下啟動brunch
    brunch watch -s
    這裡寫圖片描述
  6. 在瀏覽器訪問http://localhost:3333
    這裡寫圖片描述
    7.修改頁面
    我們修改登入頁面的顯示,修改app/message.js(漢化,據說當時有人開了3w漢化Ambari,我猜可能是找不到這個檔案吧)
    這裡寫圖片描述
    以上就是Ambari-web開發環境的搭建過程。下一篇我們將介紹Ambari棧名修改。