Build and run a hybrid app with SAP Web IDE and Hybrid App Toolkit

In SAP Web IDE, view the Console by selecting View > Console.

The Console is displayed in the lower part of the window and can be resized by dragging the top of the frame up or down. The console messages will allow you to monitor the compilation process.

Right-click on the northwind project folder. Select Deploy > Deploy to local Hybrid App Toolkit.

Deployment will start. You can view the progress in the console, and when it is complete you will see the dialog box below. Click OK to close it.

To run the hybrid app, right click on the northwind project folder, then select Run > Run on > Android Emulator (or iOS Simulator if you are using a Mac). You can also run it on an Android or iOS device if you prefer.

At the prompt for the signing key, select Test Key and click OK.
HAT will launch the emulator/simulator and load the app.

The app will launch on the emulator, simulator or device, and then display the registration screen. Enter your SAP Cloud Platform Username and Password, verify that Secure is enabled, then click on Register.

You can enter an App Passcode if you would like. To run the app without a passcode, click Disable Passcode, then click on Submit.

The app will retrieve the data through SAP Cloud Platform mobile services and display the master (list) view.

Click on one of the items in the list to view the details page, and scroll down to view the rest of the details. Depending on far you have gotten in the Web IDE tutorials, your screen may look different that shown here.

If you have implemented a second tab in your app, click it to see the data there.