# Elastic API consumption at Client Side (Browser) using JavaScript

**URL:** <https://discuss.elastic.co/t/elastic-api-consumption-at-client-side-browser-using-javascript/182132>\
**Category:** Elasticsearch\
**Created:** [May 22, 2019, 6:03am UTC](https://discuss.elastic.co/t/elastic-api-consumption-at-client-side-browser-using-javascript/182132 "2019-05-22T06:03:41Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![anushshukla](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/anushshukla/32/46173_2.png) [@anushshukla](https://discuss.elastic.co/u/anushshukla)\
**Post date:** [May 22, 2019, 6:03am UTC](https://discuss.elastic.co/t/elastic-api-consumption-at-client-side-browser-using-javascript/182132/1 "2019-05-22T06:03:42Z")

</div>

Just curious to know if there we can consume ES API (only GET Http Requests) on client side i.e. browser using JavaScript of the browser (note: not Server Side JavaScript i.e. Nodejs).

Is server, as the client, the only way to consume ES API?

Please guide!

---

<div class="post-metadata">

**Author:** ![dadoonet](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/dadoonet/32/137187_2.png) [@dadoonet](https://discuss.elastic.co/u/dadoonet)\
**Post date:** [May 22, 2019, 7:38am UTC](https://discuss.elastic.co/t/elastic-api-consumption-at-client-side-browser-using-javascript/182132/2 "2019-05-22T07:38:41Z")

</div>

Not sure I understood the question. Are you looking for a js client for elasticsearch?

---

<div class="post-metadata">

**Author:** ![anushshukla](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/anushshukla/32/46173_2.png) [@anushshukla](https://discuss.elastic.co/u/anushshukla)\
**Post date:** [May 22, 2019, 9:11am UTC](https://discuss.elastic.co/t/elastic-api-consumption-at-client-side-browser-using-javascript/182132/3 "2019-05-22T09:11:30Z")

</div>

@dadoonet I already know about [https://www.elastic.co/guide/en/elasticsearch/client/javascript-api/current/introduction.html](https://www.elastic.co/guide/en/elasticsearch/client/javascript-api/current/introduction.html) (which is for Nodejs JavaScript) but I am asking for ES API JS SDK to use at Frontend React JS.

---

<div class="post-metadata">

**Author:** ![\_kud](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/_kud/32/46623_2.png) [@\_kud](https://discuss.elastic.co/u/_kud)\
**Post date:** [May 22, 2019, 12:46pm UTC](https://discuss.elastic.co/t/elastic-api-consumption-at-client-side-browser-using-javascript/182132/4 "2019-05-22T12:46:31Z")

</div>

Hello,

I've got the same question.

In front-end, what should we use to consume an elastic search server?

The official JS Client is only for node.js.

We certainly could consume it via fetch/axios as classic REST API, but it misses a lot of sugar methods to consume easier the server.

---

<div class="post-metadata">

**Author:** ![dadoonet](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/dadoonet/32/137187_2.png) [@dadoonet](https://discuss.elastic.co/u/dadoonet)\
**Post date:** [May 22, 2019, 1:44pm UTC](https://discuss.elastic.co/t/elastic-api-consumption-at-client-side-browser-using-javascript/182132/5 "2019-05-22T13:44:13Z")

</div>

Not exactly the answer you are looking for but here is an interesting link IMO for people building their own UI on top of [Site Search](https://www.elastic.co/solutions/site-search) or [App Search](https://www.elastic.co/solutions/app-search): [https://swiftype.com/search-ui](https://swiftype.com/search-ui)

Note that App Search is in beta: [https://www.elastic.co/downloads/app-search](https://www.elastic.co/downloads/app-search)

I've seen some similar components on the web working on top of elasticsearch. A [google search](https://www.google.com/search?q=search+ui+elasticsearch) might gives you some results.

---

<div class="post-metadata">

**Author:** ![\_kud](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/_kud/32/46623_2.png) [@\_kud](https://discuss.elastic.co/u/_kud)\
**Post date:** [May 22, 2019, 1:56pm UTC](https://discuss.elastic.co/t/elastic-api-consumption-at-client-side-browser-using-javascript/182132/6 "2019-05-22T13:56:56Z")

</div>

For the moment, I use Searchkit and ReactiveSearch, but I wanted to build my own queries, but with some sugar/with a client, not directly the whole payload on a raw http query.

---

<div class="post-metadata">

**Author:** ![\_kud](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/_kud/32/46623_2.png) [@\_kud](https://discuss.elastic.co/u/_kud)\
**Post date:** [May 22, 2019, 1:58pm UTC](https://discuss.elastic.co/t/elastic-api-consumption-at-client-side-browser-using-javascript/182132/7 "2019-05-22T13:58:23Z")

</div>

Thank you, I'll have a look to Search UI.

---

<div class="post-metadata">

**Author:** ![vpaim](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/vpaim/32/48002_2.png) [@vpaim](https://discuss.elastic.co/u/vpaim)\
**Post date:** [June 12, 2019, 5:56pm UTC](https://discuss.elastic.co/t/elastic-api-consumption-at-client-side-browser-using-javascript/182132/8 "2019-06-12T17:56:07Z")

</div>

I was also looking to know if we can consume The API on the client side, with Angular 8 HttpClient and working with Observable, and of course an official lib of the elastic ...

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [July 10, 2019, 7:05pm UTC](https://discuss.elastic.co/t/elastic-api-consumption-at-client-side-browser-using-javascript/182132/10 "2019-07-10T19:05:36Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
