Head 安装_演示|学习笔记

本文涉及的产品
检索分析服务 Elasticsearch 版,2核4GB开发者规格 1个月
简介: 快速学习 Head 安装_演示。

开发者学堂课程【ElasticSearch 最新快速入门教程Head 安装_演示】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/642/detail/10620


Head 安装_演示

 

安装演示:

安装步骤:(注意:在 root 用户下安装)

1)nodejs  npm grunt 安装(在安装 html5运行的环境)

打开虚拟机,切换到 root 用户下,

输入 su -l root

输入命令 yum install nodejs 下载安装包

显示安装完成后,再输入 yum install npm

再输入 npm install -g grunt 进行安装

如图安装完毕之后

image.png

刚才使用了安装 npm 的命令,之后使用安装好的 npm 安装 grunt 软件,最后来安装上服务器上的客户端相应的软件npm install -g grunt-cli

image.png

下载完成服务器客户端后,开始安装 head。

输入cd /opt/soft/

ll

先来删除安装包,输入

rm-rf*.gz

ll

Pwd

结果显示/opt/soft,再来定位到当前目录下,在最下方输入/opt/soft,再点击上传,找到 head 插件

image.png

找到之后放在桌面上,再在上传的文件夹中定位到桌面

image.png

双击,上传成功:

image.png

上传成功之后开始解压,解压到当前目录之下

unzip  elasticsearch-head-master.zip

输入ll

unzip  elasticsearch-head-master.zip

ll

mv elasticsearch-head-master  ../

ll

cd..

ll

给插件重新命个名,命名为 head,输入

mv elasticsearch-head-master/  head

ll

cd head/

Ll

然后接着根据提示:

#下述的命令需要将 os 的当前目录设定为 head 插件的根目录(正式开始实施)

cnpm install(或是:npm install -g cnpm --registry=https://registry.npm.taobao.org;或者是:npm install//执行后会生 node_modules 文件夹)

现在这里没有该文件夹

image.png

输入 npm install 看是否可以生成

在安装的同时可以再打开另一台机器,输入 cd /opt/head/

ll

使用另一个命令,输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

该命令安装很迅速,在安装完成之后,检查发现还是没有该文件夹,输入

cd _site/

ll

cd..

ll

发现存在 site 这些文件夹,尝试开始启动

在启动前修改一个配置文件,输入

vim gruntfile.js

然后定位到9100,在上面输入一个配置信息 hostname: ‘*’,

之后保存退出

再启动 grunt server

或者是以后台进程的方式启动:

输入 nohup grunt server > /dev/null 2>&1 &

再输入 jps 显示不出,可以通过浏览器访问的形式  

打开浏览器,访问网址 http://janson01:9100/

访问不到就是没有启动,再来输入

kill -9 72323

结果显示-bash: kill (72323) -No such process

服务器是没有启动的,证明刚才的命令不行,此时再使用命令 cnpm install 来启动

输入 cnpm install

安装完后启动一下,在另一个窗口继续输入ll

再启动刚才的命令

nohup grunt server > /dev/null 2&1 &

之后再来刷新页面访问,如图,没有报错

image.png

这时先启动一下 elasticsearch server

输入 su -l jerry

~/es/bin/elasticsearch -d

Jps

启动之后再来查看一下,结果显示 82405 Elasticsearch

82457 Jps

最后访问http//JANSON01:9200(建议使用 google 浏览器)

成功之后就是以下界面

image.png

相关实践学习
使用阿里云Elasticsearch体验信息检索加速
通过创建登录阿里云Elasticsearch集群,使用DataWorks将MySQL数据同步至Elasticsearch,体验多条件检索效果,简单展示数据同步和信息检索加速的过程和操作。
ElasticSearch 入门精讲
ElasticSearch是一个开源的、基于Lucene的、分布式、高扩展、高实时的搜索与数据分析引擎。根据DB-Engines的排名显示,Elasticsearch是最受欢迎的企业搜索引擎,其次是Apache Solr(也是基于Lucene)。 ElasticSearch的实现原理主要分为以下几个步骤: 用户将数据提交到Elastic Search 数据库中 通过分词控制器去将对应的语句分词,将其权重和分词结果一并存入数据 当用户搜索数据时候,再根据权重将结果排名、打分 将返回结果呈现给用户 Elasticsearch可以用于搜索各种文档。它提供可扩展的搜索,具有接近实时的搜索,并支持多租户。
相关文章
|
6月前
|
JavaScript 前端开发 网络协议
​Node.js 教程(一) 基本概念与基本使用
​Node.js 教程(一) 基本概念与基本使用
|
移动开发 前端开发 JavaScript
【HTML】HTML基础知识详解【2万字+代码实例+显示效果】(下)
【HTML】HTML基础知识详解【2万字+代码实例+显示效果】(下)
【HTML】HTML基础知识详解【2万字+代码实例+显示效果】(下)
|
6月前
|
移动开发 前端开发 HTML5
【专栏:HTML 基础篇】HTML 入门:从零开始构建你的第一个网页
【4月更文挑战第30天】本文引导初学者从零开始学习HTML,了解这种标记语言用于构建网页的基础知识。通过介绍HTML的基本结构,如文档类型声明、根标签、头部和主体,以及如何添加文本、设置标题、插入图片、创建链接、使用列表、制作表格和设计表单,帮助读者构建第一个网页。同时强调,结合CSS可实现网页的美化。
104 0
|
Web App开发 移动开发 前端开发
【HTML】HTML基础知识详解【2万字+代码实例+显示效果】(上)
【HTML】HTML基础知识详解【2万字+代码实例+显示效果】
|
Web App开发
某教程学习笔记(一):04、HTML基础
某教程学习笔记(一):04、HTML基础
80 0
某教程学习笔记(一):04、HTML基础
|
XML 移动开发 数据格式
HTML学习笔记(一) 基本介绍
HTML学习笔记(一) 基本介绍
84 0
|
移动开发 前端开发 JavaScript
【前端基础】快速入门HTML
【前端基础】快速入门HTML
119 0
【前端基础】快速入门HTML
零基础HTML入门教程(22)——自定义列表
自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的描述以 dd 开始。
零基础HTML入门教程(22)——自定义列表
|
JavaScript 开发者
Head 安装_演示 | 学习笔记
快速学习 Head 安装_演示
Head 安装_演示 | 学习笔记
|
Arthas 前端开发 测试技术
tt 命令的案例演示 | 学习笔记
快速学习 tt 命令的案例演示
tt 命令的案例演示 | 学习笔记