Create a New Web App (4.2)
The current version of App Studio creates a single-page search application that you can further customize through the built-in code editor.
Prerequisites
The instructions in this topic assume that you have a running instance of Fusion Server, with one or more collections of indexed data and at least one query profile.
How to create a new Web app
-
In the Fusion workspace, navigate to App Studio > Build New UI.
-
On the Set Query Source page, select the query profile to use for your search UI:
-
Click Next.
App Studio connects to the specified collection and query profile to analyze your searchable data:
-
Click Next.
-
On the Set Result Title page, select the field to use as the title of each search result:
Optionally, you can select a Target URL field, which contains the URL to use as the link in each search result.
-
Click Next.
-
On the Set Result Description page, select the field to use as the description of each search result:
-
Click Next.
-
On the Set Facets and Additional Fields page, select one or more multi-valued fields to use as facets:
In some cases, facet fields are not selectable in the wizard. In this case, you can define facets later using markup. Optionally:
-
Select Enable search within facet to add a search box for searching the facet field names to the Facets pane.
-
Enter a user-friendly label for each facet field, such as "Genre" instead of "genres_ss".
-
Select Include in results as Additional Field to display the values of the facet fields within each search result.
-
-
Click Next.
-
On the Customize UI page, enter a title and select a color theme:
-
Click Save and Launch UI.
A preview of your search interface and data appear:
It can take about a minute for the preview to appear. If the preview does not appear, refresh the browser tab.
After you have created a search UI, you can open it from the Fusion workspace by navigating to the App Studio menu and selecting the search UI:
What is next
-
See the Develop an App to learn about App Studio’s markup templating language and how app pages are constructed.
-
Deployment explains how to deploy your customized app in a production environment.