Getting Started

SAP Business Technology Platform (SAP BTP) is a technology platform that brings together data and analytics, artificial intelligence, application development, automation and integration. In this lesson, you will create a free trial account on SAP BTP and set up SAP Business Application Studio for development of SAP Fiori elements projects with CAP. You will not use any other tools from SAP BTP in this course.

1. Create your free trial account on SAP BTP by following the steps described in this tutorial: Get a Free Account on SAP BTP Trial.

   The SAP BTP Trial offering contains many of the most important services and tools for development on the platform.

   

You need to set up SAP Business Application Studio before continuing with the other lessons.

1. Set up SAP Business Application Studio for development by following the steps in this tutorial: Set Up SAP Business Application Studio for Development.

2. Create a development space in SAP Business Application Studio for developing business applications. Follow the steps in this tutorial: Create a Dev Space for Business Applications.

   Note

   Make sure you choose Full Stack Cloud Application as the application type.

GitHub is a popular cloud-based Git repository for software projects. The exercise files for this course, along with their solutions, are stored on GitHub. For more information, see GitHub. To work on the exercises in SAP Business Application Studio, you need to clone the project first.

You will first clone the initial project from the GitHub repository to your SAP Business Application Studio instance. Then, you will perform the initial set up so you can run the app in SAP Business Application Studio.

1. After your dev space is up and running, navigate to it by clicking on its name. SAP Business Application Studio opens.

2. Clone the initial application project from fiori-elements-v4-cap-advanced.

   1. In SAP Business Application Studio, open the command palette using Ctrl + Shift + P (Windows/Linux) or Command + Shift + P (Mac). In the popover, choose SAP Business Application Studio: Git Clone.

   2. Enter the GitHub URL: https://github.com/SAP-samples/fiori-elements-v4-cap-advanced.git.

3. Select /home/user/projects/ as the folder to clone the project into.

4. Open the cloned project from File > Open folder and select projects.

5. Switch to the initial-app-state branch.

   1. Open the terminal by selecting Open in Terminal from the context menu of the cloned project name.

   2. Execute the command git checkout initial-app-state in the terminal.

      

6. Execute npm install in the terminal.

   

   Result

   This will install all the dependencies of your project that are listed in the package.json and package-lock.json file, into a new folder called node_modules within the root of your project. Ignore any messages about deprecated dependencies, as long as there are no errors in the log.

7. In the terminal, start a CAP server by typing cds watch.

   The CAP server serves all the CAP sources from your project. It also keeps track of all the files in your projects and restarts the server whenever you make a change in your project. Your changes will immediately be served; you don't have to do anything else.

8. Open the app in the browser by clicking Open in a New Tab in the popup window in the bottom right corner.

9. In the page that opens, select /travel_processor/webapp/index.html under Web Applications.

   

   Result

   The app starts in the browser.