Skip to Content

Deploy an SAP Fiori App to SAP BTP

Requires Customer/Partner License
Deploy an SAP Fiori app by committing and pushing it to the Git repository in your account on SAP BTP.
You will learn
  • How to create a Git repository on SAP BTP and synchronize your project in SAP Web IDE with the Git repository on SAP BTP
beapaschBeatrice PaschMay 24, 2022

Prerequisites

  • IMPORTANT: This tutorial cannot be completed on a trial account.
  • Step 1

    To go to the overview screen of the SAP BTP cockpit, choose your user ID at the top of the screen.

    User ID in SAP BTP cockpit

  • Step 2

    In the navigation area on the left, choose Repositories | Git Repositories.

    Git Repositories

  • Step 3

    Choose New Repository, and enter the following details:

    Field Value
    Repository Name sampleshop
    Description Repository for Shop app

    Make sure the Create empty commit box is selected.
    To create your Git repository, choose OK.

    Create repo image
  • Step 4

    Choose the sampleshop repository link to open the repository overview page.

    Created repo

    On the repository overview page, copy the repository URL:

    Git repo URL
  • Step 5

    Open your project in SAP Web IDE, right-click the root folder (sample.shop) and choose Git | Initialize Local Repository.

    Initialize local git

    An alert appears in the upper right corner of the SAP Web IDE window.
    Choose Set Remote in the alert.

    Initialized local git alert
  • Step 6

    In the Configure Git Repository dialog box, paste the repository URL that you copied in step 3 in the URL field by choosing Ctrl + V. Leave the Add configuration for Gerrit checkbox deselected and then choose OK.

    This will initialize your local repository and link it to the Git repository on SAP BTP.

    Initialize with remote git URL

    When the Changes Fetched dialog box opens, choose OK.

    Changes fetched

  • Step 7

    Open the Git pane in the right of SAP Web IDE and confirm that the correct repository (sample.shop) appears at the top of the Git pane.

    If a different Git repository appears, choose your project folder (sample.shop) in the left of the SAP Web IDE window.

    Git pane
  • Step 8

    To merge your local branch with the remote origin/master branch, choose the Merge button in the Git pane.

    Git Merge

    When the Merge “master” dialog box opens, make sure the origin/master remote branch is selected and choose OK.

    Git Merge master

    At this point, your Git repository is set up.

    In the following steps, you’ll commit and push your project files to the Git repository.

  • Step 9

    Commit all project files by choosing the Stage All checkbox.

    staging all files
  • Step 10

    Scroll down in the Git pane and enter a description like initial commit.

    commit description
  • Step 11

    To add your files to the master branch, choose Commit and Push and select origin/master from the menu.

    commit and push
  • Step 12

    If the User Information dialog box appears, confirm or enter your Git credentials and choose OK to push the changes to the remote repository.

    select origin master
  • Step 13

    You’ll see a confirmation alert appear briefly just below Logout in the top right of the SAP Web IDE window.
    You’ll also see the decorations change to green dots, which indicate that the files in your project match the versions in the Git repository.

    green dots
  • Step 14

    Now it’s time to deploy your app.
    Right-click the root folder, sample.shop, and choose Deploy | Deploy to SAP BTP.

    deploy to SAP BTP menu
  • Step 15

    In the Deploy Application to SAP BTP dialog box, confirm that the Deploy a new application and Activate checkboxes are selected. Then choose Deploy.

    deploy app options

    Confirm in the popup that you want to use the existing sample shop repository.

    confirm popup
  • Step 16

    After the app has been deployed, a success message appears. Close the Successfully Deployed dialog box.
    You’ve now prepared everything for the translation step.

    successful deployment

    To which environment do you deploy the reference application?

Back to top