diff --git a/tutorials/abap-environment-adt-coretools-vscode/abap-environment-adt-coretools-vscode.md b/tutorials/abap-environment-adt-coretools-vscode/abap-environment-adt-coretools-vscode.md index f7735c15..53c88a6a 100644 --- a/tutorials/abap-environment-adt-coretools-vscode/abap-environment-adt-coretools-vscode.md +++ b/tutorials/abap-environment-adt-coretools-vscode/abap-environment-adt-coretools-vscode.md @@ -8,7 +8,7 @@ author_name: Shilpa Shankar author_profile: https://github.com/shilpashankar02 --- -# ABAP Core Tools for Visual Studio Code +# ABAP Basic Features for Visual Studio Code You will explore the ABAP Development Tool (ADT) functionality in Visual Studio Code which do not require Agentic AI capabilities. ## Introduction diff --git a/tutorials/abap-environment-fiori-application-generator/abap-environment-fiori-application-generator.md b/tutorials/abap-environment-fiori-application-generator/abap-environment-fiori-application-generator.md new file mode 100644 index 00000000..38a598f7 --- /dev/null +++ b/tutorials/abap-environment-fiori-application-generator/abap-environment-fiori-application-generator.md @@ -0,0 +1,140 @@ +--- +parser: v2 +auto_validation: true +primary_tag: software-product>sap-btp-abap-environment +tags: [ tutorial>beginner, programming-tool>abap-development, software-product>sap-btp-abap-environment] +time: 30 +author_name: Shilpa Shankar +author_profile: https://github.com/shilpashankar02 +--- + +# Creating SAP Fiori App Using Quick Fiori Application Generator + You can create a List Report based SAP Fiori application from service binding using the quick Fiori application generator. +This tutorial was written for SAP BTP ABAP Environment. However, you should also be able to use it in SAP S/4HANA Cloud Environment in the same way. +Always replace `###` with your initials or group number. + +## Prerequisites +- You need an SAP BTP, ABAP Environment [trial user](abap-environment-trial-onboarding) or a license. +- You have completed [Create Database Table and Generate UI Service](https://developers.sap.com/tutorials/abap-environment-rap100-generate-ui-service.html). +- Your system has the ABAP flight reference scenario. If your system hasn't this scenario. You can download it [here](https://github.com/SAP-samples/abap-platform-refscen-flight). The trial systems have the flight scenario included. + +## You will learn + + - How to create a List Report based SAP Fiori Application from service binding using the quick Fiori application generator. + +### Create SAP Fiori application + + +1. In the service binding editor, select an entity and choose **Create Fiori App....** + + ![Service Binding](servicebinding.png) + +2. To create SAP Fiori application using the Quick Fiori Application generator, choose the option **Create SAP Fiori app with Quick Fiori Application generator in ADT** and choose **Create** + + ![Create a SAP Fiori App](generatorOption.png) + +3. In the Generate ABAP Repository Object dialog, enter the Package. + + ![Enter Package](package.png) + +4. In the Configure Generator dialog, enter the details in the fields. Ensure the repository name is unique and within 15 characters including namespace. Like in SAP Business Application Studio, the repository name corresponds to the name of the BSP application that gets generated post deployment. + + ![Configure Generator](genconfig.png) + +5. Choose Next. You can see the list of objects that will be generated. + +6. Choose a transport request if required and choose Finish. + +7. The ABAP repository objects will be generated in the background, and you get a popup message once the objects are generated successfully. Choose Open to open or refresh the service binding. + + ![Objects](objects.png) + +8. In the service binding editor, you now see a clickable Fiori App URL. + + ![Fiori App URL](appurl.png) + + **Note** that the Fiori App URL will not work immediately after creation in cloud systems. The app needs to be part of an IAM App and Business Catalog before the URL works. + +### Check BSP library and SAP Fiori Launchpad app descriptor item in Eclipse + +1. The BSP application and Fiori Launchpad App Descriptor item are generated in the chosen package along with two SICF objects. You now have a basic deployed Fiori app. If you are not able to see BSP applications and SAP Fiori Launchpad app description items, refresh your package by pressing `F5`. + + ![list](list.png) + +### Create IAM App and Business Catalog + +1. In Eclipse right-click your package and select **New** > **Other Repository Object**. + +2. Search for **IAM App**, select it and click **Next >**. + + ![IAM App](iam.png) + +3. Create a new IAM App: + - Name: **`ZTRAVEL_IAM_XXX`** + - Description: IAM App + + ![IAM App properties](iamname.png) + + Click **Next >**. + +4. Click **Finish**. + +5. Select **Services** and add a new one. + ![Add Service](iam2.png) + +6. Select following: + + - Service Type: `OData V4` + - Service Name: `` + + ![Choose Service](addservice.png) + + Click **OK**. + + **Save** and choose **Publish Locally** to Activate your IAM app. + + ![Publish IAM App](iam4.png) + +7. Right-click your package **`ZTRAVEL_APP_XXX`** and select **New** > **Other Repository Object**. + +8. Search for **Business Catalog**, select it and click **Next >**. + + ![Business Catalog](catalog2.png) + +9. Create a new Business Catalog: + - Name: **`ZTRAVEL_BC_XXX`** + - Description: Business catalog + + ![Business Catalog](catalog3.png) + + Click **Next >**. + +10. Choose Transport Request is required and Click **Finish**. + +11. Select **Apps** and add a new one. + + ![Add IAM App](catalog5.png) + +12. Create a new Business Catalog: + - IAM App: `ZTRAVEL_IAM_XXX_EXT` + - Name: `ZTRAVEL_BC_XXX_0001` + + ![Add IAM App](catalog6.png) + + Click **Next >**. + +13. Click **Finish**. + +14. Click **Publish Locally** to publish your business catalog. + + ![Publish Catalog](catalog8.png) + + +### Launch the Fiori App URL + +1. In the service binding editor, click on the Fiori App URL. + + ![Fiori App URL](appurl.png) +2. This will launch the preview of the Fiori Application. + +### Test yourself diff --git a/tutorials/abap-environment-fiori-application-generator/addservice.png b/tutorials/abap-environment-fiori-application-generator/addservice.png new file mode 100644 index 00000000..8f17488c Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/addservice.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/appurl.png b/tutorials/abap-environment-fiori-application-generator/appurl.png new file mode 100644 index 00000000..b9bcbfb0 Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/appurl.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/catalog2.png b/tutorials/abap-environment-fiori-application-generator/catalog2.png new file mode 100644 index 00000000..a77ed2d0 Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/catalog2.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/catalog3.png b/tutorials/abap-environment-fiori-application-generator/catalog3.png new file mode 100644 index 00000000..12147559 Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/catalog3.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/catalog5.png b/tutorials/abap-environment-fiori-application-generator/catalog5.png new file mode 100644 index 00000000..d800f92f Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/catalog5.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/catalog6.png b/tutorials/abap-environment-fiori-application-generator/catalog6.png new file mode 100644 index 00000000..3b13bb6a Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/catalog6.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/catalog8.png b/tutorials/abap-environment-fiori-application-generator/catalog8.png new file mode 100644 index 00000000..da7b495d Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/catalog8.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/genconfig.png b/tutorials/abap-environment-fiori-application-generator/genconfig.png new file mode 100644 index 00000000..61b2ef77 Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/genconfig.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/generatorOption.png b/tutorials/abap-environment-fiori-application-generator/generatorOption.png new file mode 100644 index 00000000..faf13d2f Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/generatorOption.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/iam.png b/tutorials/abap-environment-fiori-application-generator/iam.png new file mode 100644 index 00000000..009ee8d9 Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/iam.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/iam2.png b/tutorials/abap-environment-fiori-application-generator/iam2.png new file mode 100644 index 00000000..5a1fc46c Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/iam2.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/iam4.png b/tutorials/abap-environment-fiori-application-generator/iam4.png new file mode 100644 index 00000000..353b4fab Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/iam4.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/iamname.png b/tutorials/abap-environment-fiori-application-generator/iamname.png new file mode 100644 index 00000000..40f36609 Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/iamname.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/list.png b/tutorials/abap-environment-fiori-application-generator/list.png new file mode 100644 index 00000000..45802f9b Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/list.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/objects.png b/tutorials/abap-environment-fiori-application-generator/objects.png new file mode 100644 index 00000000..f578ab6e Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/objects.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/package.png b/tutorials/abap-environment-fiori-application-generator/package.png new file mode 100644 index 00000000..01b86673 Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/package.png differ diff --git a/tutorials/abap-environment-fiori-application-generator/servicebinding.png b/tutorials/abap-environment-fiori-application-generator/servicebinding.png new file mode 100644 index 00000000..38b21a84 Binary files /dev/null and b/tutorials/abap-environment-fiori-application-generator/servicebinding.png differ