Application Development Blog Posts
Learn and share on deeper, cross technology development topics such as integration and connectivity, automation, cloud extensibility, developing at scale, and security.
cancel
Showing results for 
Search instead for 
Did you mean: 
nirmalsaini
Explorer
3,638

What is SAP Build Code

SAP Build Code is an AI-driven tool optimized for Java and JavaScript development, offering a comprehensive solution for coding, testing, integrations, and lifecycle management. It leverages Joule copilot to efficiently generate application logic, data models, and test scripts, enhancing productivity from design to runtime. Tailored for SAP development, it seamlessly integrates with S/4HANA and other applications, providing guided development experiences following SAP best practices. The Service Center grants direct access to SAP APIs, including OData and Business Events, simplifying development, and ensuring security through the SAP Business Technology Platform. It supports fusion development by combining traditional coding and low-code approaches, making projects faster, collaborative, and tightly integrated with the SAP ecosystem.

NOTE: The entire process is done on a trial account.

 

Activate SAP Build Code

There are two ways to activate SAP Build Code: using Booster or manually from the Service Marketplace. 1. Using Booster:

Select the global account. We are using the trial account.

nirmalsaini_0-1711725550722.png

 

Select "Boosters" from the menu on the left side of the screen.

nirmalsaini_1-1711725550731.png

 

Search for SAP Build Code and select "Start" on the "Get Started with SAP Build Code" page.

nirmalsaini_2-1711725550736.png

 

It will run the booster, and a wizard will open to set up SAP Build Code with the following steps:

Select Scenario - Choose "Select Subaccount" and click "Next."

nirmalsaini_3-1711725550738.png

 

Configure Subaccount- Select the subaccount in which you wish to activate the service. Since we are using a trial account, it will display the trial subaccount. Click "Next."

nirmalsaini_4-1711725550740.png

 

Add Users:

Custom Identity Provider for Platform Users: By default, it will be accounts.sap.com.

Custom Identity Provider for Applications: By default, it will be accounts.sap.com.

For Administrators, mention the email of the user whom you want to give the Build Code Administrator and Subaccount Administrator role collection.

For Developers, mention the email of the user whom you want to give the Build Code Developer and Subaccount Viewer role collection.

Click "Next."

nirmalsaini_5-1711725550745.png

 

Review all the details and click "Finish."

nirmalsaini_6-1711725550747.png

 

A progress indicator will be shown after clicking "Finish."

nirmalsaini_7-1711725550751.png

 

Click on "Navigate to Subaccount" to access SAP Build Code.

nirmalsaini_8-1711725550754.png

 

Select "Instances" and "Marketplace" from the left menu panel. There, you can find SAP Build Code under the "Applications" section.

nirmalsaini_9-1711725550758.png

2. Manually from the Service Marketplace:

 Select the subaccount within the global account.

nirmalsaini_10-1711725550763.png

 

Select "Service Marketplace" from the left menu panel.

nirmalsaini_11-1711725550767.png

 

Search for SAP Build Code and select the three vertical dots in the top right corner of the SAP Build Code tile.

nirmalsaini_12-1711725550772.png

 

Select "Create." A wizard will open with the service as SAP Build Code and the plan as free, as we are using a trial account. Click "Create," and it will open the progress dialog.

nirmalsaini_13-1711725550774.png

 

nirmalsaini_14-1711725550776.png

 

nirmalsaini_15-1711725550778.png

 

Once the service is activated, go to "Instances and Subscriptions" from the left menu panel. You will see that SAP Build Code is subscribed.

nirmalsaini_16-1711725550781.png

 

Now click on "Users" under "Security" in the left menu panel and select the user to whom you want to grant access. Under "Role Collection," select "Assign Role Collection."

nirmalsaini_17-1711725550785.png

 

Select "Build Code Administrator" and "Build Code Developer," then click "Assign Role Collection." This action will assign the roles to the user.

nirmalsaini_18-1711725550789.png

 

You can now access the application without any issues.

Note: SAP Business Application Studio is also required when working on SAP Build Code.

 

 

Create Full Stack Application using SAP Build Code

 

Open the SAP Build Code application from the Instances and Subscriptions section.

nirmalsaini_19-1711725550794.png

 

SAP Build Application will open. To create the new full stack application, Go to Lobby Page and Select Create.

nirmalsaini_20-1711725550801.png

 

A wizard will pop up. Choose "Build an Application" -> "SAP Build Code" -> "Full-Stack Application."

nirmalsaini_21-1711725550808.png

 

nirmalsaini_22-1711725550813.png

 

nirmalsaini_23-1711725550817.png

 

Enter the project name and select the development space. If you already have a development space, you can choose from the existing ones, or a new one will be created. Finally, click "Create."

nirmalsaini_24-1711725550821.png

 

The creation of the project may take a few moments. Once it is created, click on the project to open it.

nirmalsaini_25-1711725550828.png

 

The project will open in the Business Application Studio, which is the SAP Build Code development environment.

nirmalsaini_26-1711725550833.png

 

To create the data model and service using Joule, select "Joule" from the activity bar in the SAP Build Code development environment.

nirmalsaini_27-1711725550836.png

 

Click on "Open Guide," which will open the Generative AI Powered Development page. Expand the "Data Model and Service Creation" section and select "Open Joule."

nirmalsaini_28-1711725550841.png

 

Joule, the digital assistant, will open on the left side. Send the prompt to Joule by clicking on  nirmalsaini_29-1711725550841.png

Prompt - Design an Employee Details Application with two data entities: Header (Employee ID as Integer, Project Name as String, Branch Location as String) and Item (Employee ID as Integer, Full Name as String, Contact Number as Integer).

Once you receive the response from Joule, click on "Accept" to accept the code. After accepting the code, it will take some time to create the data model and services.

nirmalsaini_30-1711725550849.png

 

To maintain sample data using Joule, open the Sample Data from the Storyboard by selecting "Open Editor" -> "Sample Data."

nirmalsaini_31-1711725550853.png

 

Select the entity in which you want to load data, and click "Enhance" to open Joule.

nirmalsaini_32-1711725550857.png

 

You can see that some data is already available. We are going to add three more rows.

Prompt - Add 3 more rows of data. Enhance my sample data with meaningful data. For the new entries Branch Location should be India States. No fields should be empty.

Accept the response, and it will update the sample data.

nirmalsaini_33-1711725550865.png

 

Now we will create some logic for services. We will restrict users from adding entries if the Employee ID is not available in the Header or if the Contact number is not of 10 digits.

In the Storyboard, click on the Item Entity under Services, and then select "Open in Graphical Editor."

nirmalsaini_34-1711725550907.png

 

Select the Item Entity and click on "Add Logic."

nirmalsaini_35-1711725550913.png

 

In the "Add Application Logic" dialog, the default values are already filled. Click on "Add."

nirmalsaini_36-1711725550929.png

 

We will create logic before the OData Create operation is triggered. Select "Before" for Phase and "Create" for Standard Event.

nirmalsaini_37-1711725550932.png

 

Click on "Open Code Editor," then select "Application Logic." This will open Joule.

nirmalsaini_38-1711725550935.png

 

Send the prompt to joule - check that employee ID exist in Header, if it exist then only add the data to item and contact number should be of 10 digit. add appropriate error message also.

Accept the response, and it will update the file with the logic.

nirmalsaini_39-1711725550944.png

 

Now we will add the user interface (UI) to the application.

In the Storyboard, click on the "+" button in "Create UI Application."

nirmalsaini_40-1711725550948.png

 

A wizard will open. Set the display name and description, then click "Next."

nirmalsaini_41-1711725550953.png

 

Select "Template-Based Responsive Application," then click "Next."

nirmalsaini_42-1711725550962.png

 

Select "List Report Page" as the UI Application Template, then click "Next."

nirmalsaini_43-1711725550969.png

 

Select "Main Entity" and click "Finish."

nirmalsaini_44-1711725550975.png

 

To preview your application, once the files have been generated, go to the upper right corner and click on the preview button nirmalsaini_45-1711725550975.png

nirmalsaini_46-1711725550977.png

 

The Preview application is displayed.

nirmalsaini_47-1711725550994.png

 

Note: Currently, SAP is enhancing SAP Build Code and Joule to make them more flexible with additional features for a wide range of scenarios. I will update this blog as soon as SAP launches new features, or anything related to SAP Build Code.  

 

 

3 Comments
Labels in this area