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.


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

  1. In the Fusion workspace, navigate to App Studio > Build New UI.

    Build new UI

  2. On the Set Query Source page, select the query profile to use for your search UI:

    Set Query Source

  3. Click Next.

    App Studio connects to the specified collection and query profile to analyze your searchable data:

    Analysis Complete

  4. Click Next.

  5. On the Set Result Title page, select the field to use as the title of each search result:

    Set Result Title

    Optionally, you can select a Target URL field, which contains the URL to use as the link in each search result.

  6. Click Next.

  7. On the Set Result Description page, select the field to use as the description of each search result:

    Set Result Description

  8. Click Next.

  9. On the Set Facets and Additional Fields page, select one or more multi-valued fields to use as facets:

    Set Facets and Additional Fields

    In some cases, facet fields aren’t selectable in the wizard. In this case, you can define facets later using markup.


    • Select Enable search within facet to add a search box for searching the facet field names to the Facets pane.

      Search within facet names

    • 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.

  10. Click Next.

  11. On the Customize UI page, enter a title and select a color theme:

    Customize Application

  12. Click Save and Launch UI.

    A preview of your search interface and data appear:

    Default search page

    It can take about a minute for the preview to appear. If the preview doesn’t appear, refresh the browser tab.

After you’ve created a search UI, you can open it from the Fusion workspace by navigating to the App Studio menu and selecting the search UI:

App Studio menu

What’s 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.