Skip to main content

Web Red App Development Overview

You can run your web Red App in Sabre Red Web available at https://srw.cert.sabre.com. This functionality is limited to CERT environment and intended only for Red App developers. To enable this functionality please contact Red App Support (redappssupport@sabre.com).

To generate empty project refer to Web Red App Template documentation. Assuming you already have your web module created, you can run it locally for development and testing purposes.

Web Red App Development Server

To start, run the following command in the web module directory:

ngv run [--port port]

This command will build and serve web module locally (by default http://localhost:8080). Success will be indicated by returning the READY status to your console. If for any reason your web module cannot be built after your code changes, you will be notified by the FAILURE console output. You can stop the ngv run process using the CTRL+C shortcut in console.

Watching files

ngv run process listens for file changes inside the src folder and rebuilds web module if needed.

Running more than one web module

You can run and load more than one web module by running multiple ngv run commands but you need to remember to specify a distinct port for each web module, e.g.

ngv run --port 8080
ngv run --port 8081

Loading Web Red App into Sabre Red Web

You can load web Red Apps into Sabre Red Web by using the Red App Development panel. Open this panel by clicking on the puzzle icon available on the icons sidebar on the right side of the Sabre Red Web screen.

icon

The Red App Development panel allows for adding and deleting URLs pointing to web Red Apps. The URLs put in the inputs are automatically saved in real time in the session storage. Clicking the "Reload" button will reload page with applied changes. If your web module loads correctly, then the puzzle icon will be shown in green color. Any issues detected while loading will be indicated by showing the puzzle icon in red color. You can open the Red App Development panel to gain some additional information, like module name when loaded successfully, or error status otherwise.

modal

Applying Web Red App Changes

After code change please wait for the SUCCESS console output and refresh Sabre Red Web using CTRL+SHIFT+R (CMD+SHIFT+R for macOS). Important!: Using this shortcut will make the browser ignore cached content.