1、安裝phantomjs(因爲入坑多寫一步,此步驟可省掉)html
1.下載phantomjsnode
安裝npm的時候會依賴phantomjs 因此咱們先安裝phantomjslinux
phantomjs 下載地址:http://phantomjs.org/download.htmlgit
能夠複製下載地址經過命令來下載,以下github
wget https://bitbucket.org/ariya/phantomjs/downloads/phantomjs-2.1.1-linux-x86_64.tar.bz2npm
2.解壓安裝包vim
① yum install bzip2跨域
② bzip2 -d phantomjs-2.1.1-linux-x86_64.tar.bz2瀏覽器
③ tar -xvf phantomjs-2.1.1-linux-x86_64.tarcors
3.安裝(因爲個人解壓目錄在 /home/tools/phantomjs-2.1.1-linux-x86_64,因此後面就直接寫絕對路徑了)
① 將可執行文件放入系統路徑
ln -s /home/tools/phantomjs-2.1.1-linux-x86_64/bin/phantomjs /usr/local/bin/phantomjs
② 安裝依賴——fontconfig和freetype
yum install fontconfig freetype2
③ 配置環境變量
vim /etc/profile
export PHANTOMJS=/home/tools/phantomjs-2.1.1-linux-x86_64
export PATH=$PATH:$PHANTOMJS/bin
保存後執行:source /etc/profile
④ 測試 執行以下命令會顯示phantomjs的版本
phantomjs -v
2、安裝node
1.檢測node環境 (若是存在能夠直接看第三步)
node -v
2.安裝 node
① 下載nodejs 下載地址:https://nodejs.org/en/download/
wget https://nodejs.org/dist/v8.11.2/node-v8.11.2-linux-x64.tar.xz
② 解壓 node
xz -d node-v8.11.2-linux-x64.tar.xz
tar -xvf node-v8.11.2-linux-x64.tar
③ 創建軟鏈接,變爲全局
ln -s /home/tools/node/node-v8.11.2-linux-x64/bin/node /usr/local/bin/node
ln -s /home/tools/node/node-v8.11.2-linux-x64/bin/npm /usr/local/bin/npm
④ 安裝 npm,grunt
npm install -g cnpm
npm install -g grunt-cli
⑤ 配置環境變量
vim /etc/profile
在文件最後添加
export NODE_HOME=/home/tools/node/node-v8.11.2-linux-x64
export PATH=$PATH:$NODE_HOME/bin
保存後執行 source /etc/profile
⑥ 測試
node -v
npm -v
grunt -version
3、安裝 elasticsearch-head
elasticsearch-head 的開源地址:https://github.com/mobz/elasticsearch-head
1.下載並解壓
wget https://github.com/mobz/elasticsearch-head/archive/master.zip
unzip master.zip //若是沒有unzip這個命令 能夠經過 yum install unzip 進行安裝
2.安裝
進入解壓好的目錄 cd elasticsearch-head-master 執行 npm install
不少教程都這麼講的,此時我入坑了,會出現如下問題
將 npm install 改成 npm install -g 便可
測試:在elasticsearch-head-master 目錄下啓動 nodejs : grunt server
經過瀏覽器訪問:http://ip:9100 以下
4、跨域問題處理
1.問題說明
上訴步驟執行完之後啓動elasticsearch服務會發現 elasticsearch-head插件鏈接不上elasticsearch服務,此時可查看瀏覽器控制檯有跨域的錯誤出現
2.問題處理
編輯 elasticsearch 服務 config/elasticsearch.yml
在文件的最後加入
http.cors.enabled: true
http.cors.allow-origin: "*"
保存文件,從啓elasticsearch服務,再次鏈接,便可成功,如圖