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
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
- BAS 1 – How to Migrate SAP Web IDE Application to SAP Business Application Studio in 10 Steps
- ABAP on Cloud – 18 – Business Application Studio – 1
- BAS 2 – How to Deploy Fiori App to On-Premise System from SAP Business Application Studio?
- BAS 3 – SAP Business Application Studio – Component Preload File with Sample App
- ABAP on Cloud – 19 – Business Application Studio – 2
- UI5 Tooling – Develop UI5 Apps in the Editor of your Choice – 1
- UI5 Tooling – Consume OData Service via UI5-Middleware-SimpleProxy – 2
- UI5 Tooling – How to Deploy UI5 App on Netlify – 3











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
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”);
});
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?
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.