Skip to Content
Technical Articles

Northwind Freestyle app with Business Application Studio’s new “SAP Fiori application” template option

Introduction

When creating an app from template in Business Application Studio (BAS) the old “SAP Fiori Freestyle Project” template functionality has been moved to the new “SAP Fiori application” template. This template combines freestyle and Fiori elements into one. For details see Ashley Tung’s blog:

Simplifying application generation for SAPUI5 freestyle and SAP Fiori elements apps

In this blog I will simply demonstrate the new way to create a freestyle app in BAS using the Northwind odata service. Previously you pointed to a Northwind destination in your system during creation but now you reference the odata service directly with an URL. There is also a difference in the run configuration that we will cover.

Template Wizard

Start a new template:

Select the new template option “SAP Fiori application” and hit “Start”:

Select application type “SAPUI5 freestyle” and select an application template. We will use “SAP Fiori Master-Detail Application”:

Hit “Next”. Here is where we use the service URL “https://services.odata.org/V2/Northwind/Northwind.svc/”.

The last “/” is critical.

Hit “Next” and for demonstration purposes select any combination of fields that will work. I selected the following:

Hit “Next” and enter the project attributes you desire:

On “Finish” the project will be created and become visible in your Explorer panel.

 

Run Configuration

Go to the Run Configurations view. At this point a working run configuration for your new project may exist. If not, then select the plus sign to create a new run configuration:

The Wizard prompts are straight forward except for the prompt “Select destination type”. For this select the option:

Skip Use config from ui5.yaml

 

Output

The app can now be run and displays as follows:

For instruction on how the code we have created at this point can be further used to learn Fiori see the blog

Create Fiori App in Business Application Studio using Northwind odata (Part 1)

 

Deployment

For deploying the code we have created please see Marius Obert’s response to the following question:

Using odata service in freestyle app in Business Application Studio

 

Conclusion

While BAS’s new “SAP Fiori application” template no longer references a Northwind destination during creation we can still use Northwind within BAS by following the process described above.

2 Comments
You must be Logged on to comment or reply to a post.