# Deploying reference UI for App Search

**URL:** <https://discuss.elastic.co/t/deploying-reference-ui-for-app-search/200729>\
**Category:** Elastic Search\
**Tags:** elastic-app-search\
**Created:** [September 23, 2019, 4:51pm UTC](https://discuss.elastic.co/t/deploying-reference-ui-for-app-search/200729 "2019-09-23T16:51:42Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![mc1392](https://avatars.discourse-cdn.com/v4/letter/m/57b2e6/32.png) [@mc1392](https://discuss.elastic.co/u/mc1392)\
**Post date:** [September 23, 2019, 4:51pm UTC](https://discuss.elastic.co/t/deploying-reference-ui-for-app-search/200729/1 "2019-09-23T16:51:43Z")

</div>

Has anyone had success deploying the reference search UI for app search?  
I am a bit confused.

Do I need to install Apache or can I just spin up a Ubuntu and deploy?

---

<div class="post-metadata">

**Author:** ![goodroot](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/goodroot/32/38389_2.png) [@goodroot](https://discuss.elastic.co/u/goodroot)\
**Post date:** [September 23, 2019, 4:57pm UTC](https://discuss.elastic.co/t/deploying-reference-ui-for-app-search/200729/2 "2019-09-23T16:57:21Z")

</div>

Hey there --

The README for the Reference UI might help:

> **[elastic/app-search-reference-ui-react](https://github.com/elastic/app-search-reference-ui-react)**
>
> A generic UI for use with any App Search Engine. Contribute to elastic/app-search-reference-ui-react development by creating an account on GitHub.

When you create a zip file from the dashboard, it creates a pre-populated `engine.json` file, as seen [in the example](https://github.com/elastic/app-search-reference-ui-react/blob/master/src/config/engine.json.example). Apart from that, it's the same as the open source repository.

Once you enter the directory, run `npm install` and then `npm start`.

It will then create a separate application upon which you can develop.

I hope this helps!

Kellen

---

<div class="post-metadata">

**Author:** ![mc1392](https://avatars.discourse-cdn.com/v4/letter/m/57b2e6/32.png) [@mc1392](https://discuss.elastic.co/u/mc1392)\
**Post date:** [September 23, 2019, 7:20pm UTC](https://discuss.elastic.co/t/deploying-reference-ui-for-app-search/200729/3 "2019-09-23T19:20:28Z")

</div>

No web server needed? Apache?

---

<div class="post-metadata">

**Author:** ![goodroot](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/goodroot/32/38389_2.png) [@goodroot](https://discuss.elastic.co/u/goodroot)\
**Post date:** [September 23, 2019, 7:38pm UTC](https://discuss.elastic.co/t/deploying-reference-ui-for-app-search/200729/4 "2019-09-23T19:38:52Z")

</div>

The Reference UI will use React. No other web server required.

So long as you have Node.js (and NPM) installed, it should just work.

You can use Apache or another web server to host React applications but it is not a requirement.

---

<div class="post-metadata">

**Author:** ![JasonStoltz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jasonstoltz/32/49893_2.png) [@JasonStoltz](https://discuss.elastic.co/u/JasonStoltz)\
**Post date:** [September 23, 2019, 9:10pm UTC](https://discuss.elastic.co/t/deploying-reference-ui-for-app-search/200729/5 "2019-09-23T21:10:24Z")

</div>

Just adding to Kellen's response.

> **[elastic/app-search-reference-ui-react](https://github.com/elastic/app-search-reference-ui-react#deploy-and-share)**
>
> A generic UI for use with any App Search Engine. Contribute to elastic/app-search-reference-ui-react development by creating an account on GitHub.

The reference UI is just web content, html, javascript, and css. If you run `npm run build` from inside of the project, a publishable version of the project will be generated under the `./build` directory.

So any web server will work, it's just static content that is served up.

---

<div class="post-metadata">

**Author:** ![mc1392](https://avatars.discourse-cdn.com/v4/letter/m/57b2e6/32.png) [@mc1392](https://discuss.elastic.co/u/mc1392)\
**Post date:** [September 24, 2019, 1:18pm UTC](https://discuss.elastic.co/t/deploying-reference-ui-for-app-search/200729/6 "2019-09-24T13:18:18Z")

</div>

^this is encouraging, since I'm switching gears from back end to front : (

---

<div class="post-metadata">

**Author:** ![mc1392](https://avatars.discourse-cdn.com/v4/letter/m/57b2e6/32.png) [@mc1392](https://discuss.elastic.co/u/mc1392)\
**Post date:** [September 24, 2019, 2:27pm UTC](https://discuss.elastic.co/t/deploying-reference-ui-for-app-search/200729/7 "2019-09-24T14:27:13Z")

</div>

I got it working.  
thanks!

---

<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:** [October 22, 2019, 2:27pm UTC](https://discuss.elastic.co/t/deploying-reference-ui-for-app-search/200729/8 "2019-10-22T14:27:18Z")

</div>

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