# Integração do Elastic Cloud ao Front End

**URL:** <https://discuss.elastic.co/t/integracao-do-elastic-cloud-ao-front-end/229338>\
**Category:** Elastic em Português - Brasil\
**Created:** [April 22, 2020, 6:40pm UTC](https://discuss.elastic.co/t/integracao-do-elastic-cloud-ao-front-end/229338 "2020-04-22T18:40:29Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Renato\_Razal](https://avatars.discourse-cdn.com/v4/letter/r/bb73d2/32.png) [@Renato\_Razal](https://discuss.elastic.co/u/Renato_Razal)\
**Post date:** [April 22, 2020, 6:40pm UTC](https://discuss.elastic.co/t/integracao-do-elastic-cloud-ao-front-end/229338/1 "2020-04-22T18:40:30Z")

</div>

Olá, boa tarde.

Estou tentando integrar o Elasticsearch a um aplicativo React, e pela quantidade de informações a respeito, não sei se é possivel faze-lo.

O maior problema é que o aplicativo não possui um BackEnd (estamos usando firebase temporariamente), então a comunicação teria que ser feita diretamente ao Elastic Cloud.

Entrei em contato com o suporte, e me recomendaram o [App Search](https://swiftype.com/documentation/app-search/self-managed/changelog), mas pelo que entendi, é necessário hospeda-lo em algum lugar ou fazer a assinatura de um dos pacotes.

É possivel integrar o Elastic Cloud diretamente ao Front End?

---

<div class="post-metadata">

**Author:** ![luiz.santos](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/luiz.santos/32/24664_2.png) [@luiz.santos](https://discuss.elastic.co/u/luiz.santos)\
**Post date:** [April 22, 2020, 7:19pm UTC](https://discuss.elastic.co/t/integracao-do-elastic-cloud-ao-front-end/229338/2 "2020-04-22T19:19:44Z")

</div>

Oi @Renato_Razal,

É possível sim, basta que você habilite o [CORS](https://www.elastic.co/guide/en/cloud/current/ec-add-user-settings.html#ec-es-elasticsearch-settings) no seu deployment. Na [documentação](https://www.elastic.co/guide/en/elasticsearch/reference/current/modules-http.html) do Elasticsearch você pode encontrar as opções mas uma configuração simples seria:

```auto
http.cors.enabled: true
http.cors.allow-origin: "http://HOST-PERMITIDO"

```

---

<div class="post-metadata">

**Author:** ![Renato\_Razal](https://avatars.discourse-cdn.com/v4/letter/r/bb73d2/32.png) [@Renato\_Razal](https://discuss.elastic.co/u/Renato_Razal)\
**Post date:** [April 22, 2020, 7:40pm UTC](https://discuss.elastic.co/t/integracao-do-elastic-cloud-ao-front-end/229338/3 "2020-04-22T19:40:26Z")

</div>

Opa @luiz.santos, boa tarde.

Eu cheguei a ver esse trecho da documentação, mas ele diz que é necessário um arquivo de configuração ou alterar diretamente na API via [esse metodo](https://www.elastic.co/guide/en/elasticsearch/reference/current/cluster-update-settings.html).

Eu tentei alterar direto pelo painel, mas de todos os modos que tentei obtive esse resultado:

```auto
    {
      "status": 400,
      "error": {
        "root_cause": [
          {
            "reason": "persistent setting [http.cors.allow-origin], not dynamically updateable",
            "type": "illegal_argument_exception"
          }
        ],
        "type": "illegal_argument_exception",
        "reason": "persistent setting [http.cors.allow-origin], not dynamically updateable"
      }
    }

```

Exemplo de requisição:

**PUT** /\_cluster/settings

```auto
{
    "persistent": {
        "http.cors.enabled": true,
        "http.cors.allow-origin": "*"
    }
}

```

---

<div class="post-metadata">

**Author:** ![luiz.santos](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/luiz.santos/32/24664_2.png) [@luiz.santos](https://discuss.elastic.co/u/luiz.santos)\
**Post date:** [April 22, 2020, 8:05pm UTC](https://discuss.elastic.co/t/integracao-do-elastic-cloud-ao-front-end/229338/4 "2020-04-22T20:05:26Z")

</div>

Oi Renato,

Essas configurações não podem ser alteradas dinamicamente usando a API `_cluster`. Você precisa seguir as orientações da documentação da Elastic Cloud para adicionar as [user settings overrides](https://www.elastic.co/guide/en/cloud/current/ec-add-user-settings.html#ec-add-user-settings).

---

<div class="post-metadata">

**Author:** ![Renato\_Razal](https://avatars.discourse-cdn.com/v4/letter/r/bb73d2/32.png) [@Renato\_Razal](https://discuss.elastic.co/u/Renato_Razal)\
**Post date:** [April 22, 2020, 10:40pm UTC](https://discuss.elastic.co/t/integracao-do-elastic-cloud-ao-front-end/229338/5 "2020-04-22T22:40:40Z")

</div>

Opa @luiz.santos, muito obrigado, consegui configurar o CORS.

---

<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:** [November 4, 2022, 7:55am UTC](https://discuss.elastic.co/t/integracao-do-elastic-cloud-ao-front-end/229338/6 "2022-11-04T07:55:07Z")

</div>