BAS 1 – How to Migrate SAP Web IDE Application to SAP Business Application Studio in 10 Steps

4
8373
SAP BAS

We know that on November 13, 2020 the SAP Cloud Platform, Neo trial environment will be discontinued and as a result the iconic SAP Web IDE Full-Stack trial will also be discontinued. SAP wants us to start using the SAP Business Application Studio (BAS) as it successor. Not sure who made this strategic decision to discontinue the trial Web IDE and discourage the developer fraternity to innovate and evolve. 🙂

But, SAP Web IDE Full-Stack licensed customers can continue using SAP Web IDE Full-Stack, it is available and supported. And most SAP Customers use licensed Web IDE for their projects and they will have no impact.

If you have some prototype or some demo project in your SAP trial Web IDE and you do not want to lose them, you should download the Web IDE Project zipped file and continue working on the same project in the new SAP Business Application Studio.

BRF+ for SAP Application tRAINING aNNOUNCEMENT

BRFplus for SAP Applications (Enrolling Now) – Class Start on 17th of Oct 2020

Saturday and Sunday at 7:30 AM to 9:30 AM IST (GMT+5.5) starting Oct 17 2020

Pay the Fee and Enroll

High Level Course Agenda

In this tutorial, we will show you exactly how to move the SAP WebIDE Proejct to SAP BAS.

Steps to Migrate SAP Web IDE Application to SAP Business Application Studio.

1. Export WebIDE project.  Right Click on project à Export. 

Project ZIP File will be downloaded on your local machine.

2. Extract Downloaded folder.

3. Drag and drop Extracted Folder into Business Application project folder.

4. Click on Terminal à New Terminal

Terminal Will be open as below

5. Current directory will be projects, change current directory as <your project directory>, Migrated project name is TEST

COMMAND:  cd test

6. Initialize package.json file.

Command: npm init

If Everything is OK then press ENTER to initialize the file as below.

7. Initialize ui5.yaml FILE.

Command:  ui5 init

If above error occurred then, Delete Green box highlighted file ui5.yaml and re-execute command ui5 init.

8. Execute below command to install required packages.

Command: npm install

After execution, in case you get any vulnerabilities error then

execute below command to fix above error.

Command: npm audit fix

9. Add New file to Project as XS-APP.JSON

Select Project à <your project name> à Right Click à New File.

Click on OK and Blank file will be created as below.

Copy Below code to xs-app.json file

{
"authenticationMethod": "none",
"routes":
[ 
{
"source": "^(.*)$",
"target": "$1",
"service": "html5-apps-repo-rt" 
} 
] 
}

And Save.

10. Build Your Project and Run the Application.

Please follow our LinkedIn Page,LinkedIn Group, Facebook Page, Facebook Group, Twitter and Instagram.

Do not forget to SUBSCRIBE to our YouTube Channel for Free Courses and Unconventional Interesting Videos.

Also consider joining SAPYard’s Telegram Channel for SAP Blogs and Tutorials.

Save our number +1-251-727-9273 and send us a Whatsapp message ‘LEARN’ to be part of our Learning Community.

All Business Application Studio Tutorials

4 COMMENTS

  1. Hi Team , i followed the above steps , but on running configuration i get the error on index.html file (Uncaught ReferenceError: sap is not defined) . on line sap.ui.getCore().attachInit(function() {
    can you please suggest .. it run well in webide

    Code:

    Z_P626255_WEEK2_ASSIGNMENT
    https://sapui5.hana.ondemand.com/1.71.26s

    sap.ui.getCore().attachInit(function() {
    new sap.m.Shell({
    app: new sap.ui.core.ComponentContainer({
    height : “100%”,
    name : “Z_P626255_WEEK2_ASSIGN.Z_P626255_WEEK2_ASSIGNMENT”
    })
    }).placeAt(“content”);
    });

    Regards
    Deepika Jain

  2. Hi Team , i followed the above steps , but i get error in index.html (Uncaught ReferenceError: sap is not defined) on line sap.ui.getCore().attachInit(function() {

    Code:

    Z_P626255_WEEK2_ASSIGNMENT
    https://sapui5.hana.ondemand.com/1.71.26s

    sap.ui.getCore().attachInit(function() {
    new sap.m.Shell({
    app: new sap.ui.core.ComponentContainer({
    height : “100%”,
    name : “Z_P626255_WEEK2_ASSIGN.Z_P626255_WEEK2_ASSIGNMENT”
    })
    }).placeAt(“content”);
    });

  3. Is it possible to use BAS in free version similar to WebIDe? How is the option if we want to develop UI5 applications but do not have free access to an IDE?

  4. Hello, is it possible to import application from SAPUI5 ABAP Repository into BAS ? If it is not, how we can edit our deployed applications ?

    Thanks in advance.

LEAVE A REPLY

Please enter your comment!
Please enter your name here