Create a New Web App

The current version of App Studio creates a single-page search application which 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

  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

    Optionally:

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

    Your search interface and data appear:

    Default search page

Once 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 App Development Guide to learn about App Studio’s markup templating language and how app pages are constructed.

  • The Deployment Guide explains how to deploy your customized app in a production environment.