Angular 12 ElasticSearch – Quick Start – How to add Elasticsearch.js

angular12

2

Elasticsearch

20

loveprogramming viết ngày 11/05/2021

Angular 12 ElasticSearch – Quick Start – How to add Elasticsearch.js

In this tutorial, we're gonna look at how to add ElasticSearch to an Angular 12 Project.

Related Posts:

• Angular 12 ElasticSearch example – Add Document to Index
• Angular 12 ElasticSearch example – Get All Documents in Index
• Angular 12 ElasticSearch example – Documents Pagination with Scroll
• Angular 12 ElasticSearch example – simple Full Text Search

** Elasticsearch Tutorials **

Install ElasticSearch

Go to ElasticSearch guide - Getting Started » Installation and follow step by step to install ElasticSearch.

Test local install of ElasticSearch

• by command line: curl -XGET localhost:9200
• or enter http://localhost:9200/ url on your Browser.

The result should be like this:

{
   "name":"first_node_test",
   "cluster_name":"elasticsearch",
   "cluster_uuid":"E8eoz-uWT0Gxi-ygUIB10Q",
   "version":{
      "number":"6.3.2",
      "build_flavor":"unknown",
      "build_type":"unknown",
      "build_hash":"053779d",
      "build_date":"2018-07-20T05:20:23.451332Z",
      "build_snapshot":false,
      "lucene_version":"7.3.1",
      "minimum_wire_compatibility_version":"5.6.0",
      "minimum_index_compatibility_version":"5.0.0"
   },
   "tagline":"You Know, for Search"
}

Add ElasticSearch to Angular 12 Project

1. Install the type definition

Run command:
npm install --save-dev @types/elasticsearch

You will see an elasticsearch directory in node_modules folder:

More at:

https://grokonez.com/frontend/angular/angular-6/angular-6-elasticsearch-example-quick-start-how-to-add-elasticsearch-js

Angular 12 ElasticSearch – Quick Start – How to add Elasticsearch.js