1 下载Elasticsearch

下载链接：Elasticsearch

下载zip文件

2 启动Elasticsearch

把下载的zip文件解压到本地某个目录，命令行进入Elasticsearch存放目录下的bin目录，输入elasticsearch.bat即可启动

image.png

在浏览器中输入http://localhost:9200

image.png

3 安装Elasticsearch Head插件
下载node.js ,网址：https://nodejs.org/en/

安装node到D盘。如D:\nodejs。

把NODE_HOME设置到环境变量里(安装包也可以自动加入PATH环境变量)。测试一下node是否生效：

image

安装grunt

grunt是一个很方便的构建工具，可以进行打包压缩、测试、执行等等的工作，5.0里的head插件就是通过grunt启动的。因此需要安装grunt：

注意：路径切到D:\nodejs下。

<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; word-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;">npm install -g grunt-cli</pre>

-g代表全局安装。安装路径为C:\Users\yourname\AppData\Roaming\npm，并且自动加入PATH变量。安装完成后检查一下：

image

把head插件的源码git clone下来：

<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; word-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;">git clone git://github.com/mobz/elasticsearch-head.git</pre>

效果如图：

image

修改head源码

由于head的代码还是2.6版本的，直接执行有很多限制，比如无法跨机器访问。因此需要用户修改两个地方：

目录：head/Gruntfile.js：

[ 复制代码

](javascript:void(0); "复制代码")

复制代码

<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; word-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;">connect: {
server: {
options: {
port: 9100,
hostname: '*',
base: '.',
keepalive: true
}
}
}</pre>

复制代码 [ 复制代码

](javascript:void(0); "复制代码")

增加hostname属性，设置为*

修改连接地址：

目录：head/_site/app.js

修改head的连接地址:

<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; word-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;">this.base_uri = this.config.base_uri || this.prefs.get("app-base_uri") || "http://localhost:9200";</pre>

把localhost修改成你es的服务器地址，如：

<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; word-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;">this.base_uri = this.config.base_uri || this.prefs.get("app-base_uri") || "http://10.10.10.10:9200";</pre>

运行head

修改elasticsearch的参数

修改一下es使用的参数。编辑config/elasticsearch.yml：

<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; word-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"># 换个集群的名字，免得跟别人的集群混在一起
cluster.name: es-5.0-test

换个节点名字

node.name: node-101

修改一下ES的监听地址，这样别的机器也可以访问

network.host: 0.0.0.0

默认的就好

http.port: 9200

增加新的参数，这样head插件可以访问es

http.cors.enabled: true
http.cors.allow-origin: "*"</pre>

注意，设置参数的时候:后面要有空格！

开启ES-5.0.0：

<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; word-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;">D:\ElasticSearch-5.0.0\bin\elasticsearch.bat</pre>

启动效果：

image

然后在head源码目录中，执行npm install 下载的包：

<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; word-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"> npm install</pre>

效果如图：

image

初次运行安装可能会报警告或错误。可以重新运行一次npm install。

最后，在head源代码目录下启动nodejs：

<pre style="margin: 0px; padding: 0px; white-space: pre-wrap; word-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;">grunt server</pre>

效果如图：

image

访问:target:9100

这个时候，访问http://localhost:9100就可以访问head插件了：

image

因为之前已在ES中建立了一个索引m8，因此可以看到数据：

image