Skip to Content
Previous

Deploy a sample Fiori app to SAP Cloud Platform

By Ian Armstrong

Deploy a sample Fiori app by committing and pushing it to the Git repository in your account on SAP Cloud Platform.

Details

You will learn

You’ll learn how to create a Git repository on SAP Cloud Platform and synchronize your project in SAP Web IDE with the Git repository on SAP Cloud Platform.

These steps are required for the next tutorial: Translate a sample Fiori app.

Step 1: Open overview screen of cockpit

To go to the overview screen of the SAP Cloud Platform cockpit, choose your user ID at the top of the screen.
User ID in SAP Cloud Platform cockpit

Step 2: Open Git Repositories section

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

Step 3: Create a new repository

Choose New Repository, and enter the following details:

Field Value
Repository Name sampleapprovepurchaseorders
Description Repository for Approve Purchase Order app

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

Create repo image
Step 4: Open the repository overview page

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

Created repo

On the repository overview page, copy the repository URL:

Git repo URL
Step 5: Initialize the local repository

Open your project in SAP Web IDE, right-click the root folder (sample.ApprovePurchaseOrders) 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: Enter a link to the remote repository

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 Cloud Platform.
Initialize with remote git URL

When the Changes Fetched dialog box opens, choose OK.
Changes fetched

Step 7: Open the Git pane

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

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

Git pane
Step 8: Perform a Git merge

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: Stage files

Commit all project files by choosing the Stage All checkbox.

staging all files
Step 10: Enter a description for the commit

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

commit description
Step 11: Commit and push your changes

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

commit and push
Step 12: Enter user information

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: View the updated file decorations

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: Start the deployment to SAP Cloud Platform

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

deploy to SAP Cloud Platformmenu
Step 15: Finalize the deployment to SAP Cloud Platform

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

deploy app options
Step 16: Confirm the deployment of your app

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

Next Steps

Updated 02/01/2018

Time to Complete

10 Min

Intermediate

Prerequisites

Next Steps

Next
Back to top