SAP Web IDE

Frequently Asked Questions

Mar 2021

General 2
SAP Web IDE Different Deliveries/Versions 5
SAP Web IDE full-stack 6
SAP Web IDE, personal edition 6
SAP Web IDE for SAP HANA 7
Functionality 8
General 8
Mobile Development 10
Licensing 12
 General

What is SAP Web IDE? SAP Web IDE is a powerful, extensible, web-based integrated development tool
that simplifies end-to-end development of business applications
Efficiently develop business applications for intelligent enterprise scenarios such
as: SAP S/4HANA extensions, SAP Fiori and mobile.
To learn more on SAP Web IDE visit the SAP Web IDE home page.
SAP Fiori is the new user experience for SAP software. It applies modern design
What is SAP Fiori UX?
principles for a completely reimagined user experience. SAP Fiori UX represents
a personalized, responsive and simple user experience across devices and
deployment options. SAP Fiori is based on SAPUI5.

What is SAPUI5? SAPUI5 lets you build enterprise-ready web applications with modern, rich user
interfaces, responsive to all devices, running on almost any browser of your
choice. It’s based on JavaScript, using jQuery as its foundation and following
web standards. It eases your development with a client-side HTML5 rendering
library including a rich set of controls and supports data binding to different
models (JSON, XML and ODATA).
OpenUI5 is an open source version of SAPUI5.

How enterprise ready is Security:

SAP Web IDE?
• SAP Web IDE relies on SAP BTP infrastructure for authentication and
secure connectivity to different systems (SAP Gateway) or other
components (user workspace, Git).
As part of the SAP BTP, SAP Web IDE adheres to the SAP standard
terms and conditions for cloud products related to data protection and
privacy.
SAP Web IDE could use any Identity provider (IdP) including customer
defined IdPs and use the Cloud Connector for secure connection to on-
premise systems.
• SAP Web IDE relies on authorization checks done by other systems
(SAP Gateway, user workspace and Git).
Privacy
Your account in SAP BTP is strictly separated from other customer's accounts
and other customer's data. Customers have every right on their data and coding,
e.g. regarding intellectual property.
Your business data is not stored in SAP BTP. Your application coding is stored
in the individual developer's workspace of SAP Web IDE on the platform. If
pushed to a Git repository it is stored in that Git repository. If deployed to your
backend SAPUI5 ABAP repository it is stored in database tables of the
respective NetWeaver system.

2 of 13
 Administration / Configuration:
Settings for the development environment can be easily maintained and
controlled centrally from the SAP BTP cockpit.
Develop Once, Run Everywhere:
Applications developed with SAP Web IDE can run on different platforms like
SAP BTP, SAPUI5 ABAP repository and SAP Portal.
Lifecycle Management:
SAP Web IDE supports the entire application lifecycle, from development and
testing to deployment and extensibility.
Installation/Supportability:
SAP Web IDE hosted on the SAP BTP provides a low TCO environment (zero
installation). Local installations are not required.
Integration:
SAP Web IDE enables seamless integration with other SAP BTP capabilities like
SAP Fiori launchpad, Git code repository and SAP Mobile Services. SAP Web
IDE also securely connects to your SAPUI5 ABAP Repository to enable
consumption of business data and app import / deployment.

You need to be online to be able to work with SAP Web IDE on SAP BTP.
What offline features are
SAP Web IDE has an auto-save feature that allows a user to have the changes
included (i.e. when data
in all open documents saved automatically at preset intervals. This should be
connection is temporarily
enabled in the Preferences.
lost)?
In addition, SAP Web IDE enables session restoration in case of session loss,
session timeout and connectivity issues.
Working offline is available via SAP Web IDE, personal edition. See more details
in the SAP Web IDE, personal edition section.

You can jumpstart your development in SAP Web IDE by importing Build
Is it possible to leverage prototypes using the SAP Build Extension/Feature in SAP Web IDE. Because
SAP Build prototypes to SAP Build prototypes are created with real controls, the resulting SAP Web IDE
jumpstart the SAP Fiori project will have the initial UI layout including interactions and sample data. This
app development? code can be used as a specification for your app, which makes the transition
from design to development smooth.

Is it possible to import a Yes, this is possible.

project from Eclipse to For more information, please refer to the following blog.
SAP Web IDE?

3 of 13
 Do I have to connect SAP No. SAP Web IDE supports a mock service that enables the decoupling of the
Web IDE to my systems? front-end application development from the server. In addition, it enables
application testing without backend connectivity. The mock service supports
automatic data generation, editing of mock data and more.
For testing the finalized application, we recommend connecting to your backend
system via SAP Connectivity service / Cloud Connector.
Instead of the integrated deployment option SAP Web IDE also supports
exporting your projects. It can be imported into e.g. an SAP ABAP Server with
an up-/download report (see note 1793771)

Which browser versions

Check this page in our documentation.
are supported by SAP Web
IDE?

4 of 13
 SAP Web IDE Different Deliveries/Versions
There are all kinds of SAP This blog can help you better understand the difference between the SAP Web
Web IDE versions, which IDE versions. Likewise, the Q&A below will provide you more insights on them.
one should I use?

* Partial support

5 of 13
 SAP Web IDE full-stack

What does SAP Web IDE • High productivity tools, such as: Sample applications, templates and
full-stack offer? wizards, code editors, and graphical editors, for creating SAP Fiori
applications, business applications, and SAP HANA database modeling.
• Full stack business application development based on SAP Cloud
Application Programming Model.
• Extend SAP delivered applications using code editors and a visual
extensibility pane.
• Instantly preview applications for any device screen size - desktop, tablet or
smartphone.
• Use the sophisticated mock service for decoupling front-end development
from the server and for testing purposes.
• Develop SAPUI5 hybrid mobile apps (based on Apache Cordova and
Kapsel), and native mobile apps using Mobile Development Kit and Mobile
Card Kit.
• Deploy to SAP BTP, SAPUI5 ABAP Repository, and SAP Mobile Services,
and register to SAP Fiori launchpad (FLP).
• Team development and collaboration via the integrated Git support.
• Extend SAP Web IDE through extensions (features), plugins and templates
leveraging its modular and extensible framework.

Can I work with the same

Yes, you can migrate your projects between the two versions as described here.
project in SAP Web IDE Full-
However, some functionality is not available yet in the personal edition. You can
Stack version and SAP Web
find more details here.
IDE personal edition?
Also please note that all changes you make in the project settings must be
copied manually.

SAP Web IDE, personal edition

We recommend our cloud offering as this allows you to work with the latest SAP
Is it possible to install SAP
versions without any installation effort. It also enables seamless integration with
Web IDE locally on your
SAP BTP services e.g. SAP Fiori launchpad, Git, Mobile Services, SAP Build
computer?
and one central set of rules for account projects.
SAP Web IDE is available as a Personal Edition for productive or trial usage. It is
a complementary IDE to the cloud version of SAP Web IDE. It is intended to be
installed on a personal workstation, for offline development by a single
developer. The personal edition offers developers the flexibility to develop even
when disconnected from the Internet, and then resume the work on the cloud
after a brief sync.
For more information, please visit the SAP Development Tools (SAPUI5 tab).

6 of 13
 SAP Web IDE for SAP HANA

When should the SAP Web

Use the SAP Web IDE for SAP HANA when developing SAP HANA native apps.
IDE for SAP HANA be
used?

SAP Web IDE for SAP HANA provides a comprehensive web-based

Which capabilities are
development experience for creating SAP HANA native applications. This
provided by SAP Web IDE
includes the development of SAP HANA content and models, UI development
for SAP HANA?
with SAPUI5 and Java, Node.js or XSJS business code for SAP HANA extended
application services, advanced model. For more information, see this blog.

SAP has consolidated the development experience for SAP-based applications

What is the rationale
on the cloud and on premise. For this SAP Web IDE for SAP HANA comprises
behind introducing SAP
capabilities of SAP HANA Studio, SAP HANA Web-based Development
Web IDE for SAP HANA?
Workbench and SAP Web IDE to develop with the SAP HANA XS advanced
platform. It consolidates technologies, follows industry trends, and leverages
industry standards where possible, while retaining a competitive innovation focus
of SAP’s current tool offering.

What happens to SAP

Using SAP Web IDE for SAP HANA you might be required to use external and
HANA Studio and SAP
command line tools to develop for SAP HANA XS advanced. The existing tools
HANA Web-based
for SAP HANA extended application services, classic model remain part of SAP
Development Workbench?
HANA to provide 100% backwards capability until full migration will be possible.

Yes, but note that SAP Web IDE for SAP HANA is designed to deploy
Can I use the SAP Web IDE
applications (including Fiori apps) to SAP HANA and its XSA application server,
for SAP HANA for
and not to the ABAP repository (front-end server) or SAP BTP. Also, some
developing Fiori
advanced Fiori features are not included.
applications?

HXE was minimized and functionally reduced to work on hosts with a relatively
What is the difference
small amount of memory, including personal workstations. For more details see
between SAP HANA and
here. From a development perspective, there are no differences, and SAP Web
SAP HANA Express Edition
IDE for SAP HANA can be used for all editions of SAP HANA.
(HXE)?

SAP Web IDE for SAP HANA is included in SAP HANA license. It is also
Licensing
available with SAP HANA, express edition.
For more information refer to SAP HANA and SAP HANA, express edition on
developer.sap.com.

7 of 13
 Functionality

General

How does team SAP Web IDE on SAP BTP is connected to SAP Git service (distributed revision
development and version control and source code management), hosted on SAP BTP, Neo environment.
management work in SAP SAP Web IDE also supports connecting to your corporate on-premise Git
Web IDE? repository.

What kind of deployment SAP Web IDE comes with integrated deployment options for:
options are provided by
• SAP BTP – Neo and Cloud Foundry* environments
SAP Web IDE?
• SAPUI5 ABAP Repository on an SAP ABAP system
• SAP Fiori launchpad on SAP BTP
• SAP Mobile Services
* SAP Web IDE Full-Stack supports deployment to SAP BTP, Cloud Foundry
environment.

Does SAP Web IDE Yes. Developing SAP Fiori apps for the SAP BTP, Cloud Foundry environment is
support development of supported in SAP Web IDE Full-Stack.
SAP Fiori apps for the SAP
For this purpose, the project needs to be a Multi-Target Application (MTA)
BTP, Cloud Foundry
project with HTML5 module. SAP Web IDE high productivity tooling for SAP Fiori
environment?
development are available for HTML5 module development, e.g. instant preview,
layout editor, storyboard, etc.
Running the app on Cloud Foundry: As a MTA project, it needs to go through the
last phases of MTA development, which are packaging the app and deploying it
to a target production system.

What kind of rapid app SAP Web IDE offers Project Explorer, Storyboard, WYSIWYG, wizards,
development capabilities templates, purpose-built editors, instant preview, etc. for rapid application
come with SAP Web IDE? development.
In addition, SAP Web IDE offers the SAP Mobile Development Kit, which is a
metadata-driven tool that allows users to customize native SAP applications, as
well as create new native mobile applications. For more details refer to the
“Mobile Development” section in this document.

8 of 13
 Is there any debugging In the SAP Web IDE Full-Stack, Java and node.js debugging are available.
feature introduced with
There are no particular debugging features for UI development, but as this is a
SAP Web IDE?
browser-based development environment, the browser debugging capabilities
can be used.
You can create a run configuration to include the Support Assistant tool, which
checks whether your application is built according to the best practices for
building SAPUI5 apps.
You may open the SAPUI5 Diagnostics to help in debugging by Ctrl+Alt+Shift+S.
Also see Chrome extension UI5 Inspector.

Does SAP Web IDE provide No, currently there is no ABAP workbench extension available in SAP Web IDE.
any ABAP workbench
extensions?

Can I use SAP Web IDE for No, currently there is no support for developing in Angular and/or React in SAP
development in Angular Web IDE.
and React technologies?

Does SAP Web IDE Yes. SAP Continuous Integration and Delivery offers cloud-based Continuous
support an automated CI Integration and Delivery (CI/CD) for your Fiori/ SAPUI5 applications. Check out
the documentation for more details.
process for development
of SAP Fiori/SAPUI5
applications?

9 of 13
 Mobile Development

What kind of mobile SAP Web IDE enables multiple features to enable mobile app development:
development options are
• SAPUI5, which is used for creating SAP Fiori apps, is an HTML5 framework
offered within SAP Web
designed to build cross-platform, responsive, enterprise-grade applications.
IDE?
It provides a comprehensive set of responsive controls and libraries that
make a web app run appropriately on different devices (desktop, tablets, and
smartphones). For more details see the SAPUI5 product page and the
SAPUI5 Demo Kit.
• Via integration with SAP Mobile Services, SAP Web IDE supports two
additional development approaches:
o To enable a hybrid web experience, Mobile Services provides the
Hybrid Application Toolkit (HAT) extension to SAP Web IDE. By
using HAT with Mobile Services, developers can create and operate
mobile apps with full offline support, notification services, superior back-
end integration and enterprise-grade security. It supports cloud-based
build service for iOS and Android. You can find more information at
SAP Mobile Service, SAP Web IDE mobile enablement, and the HAT
online help.
o For an experience that enables the use of web development skills while
at the same time delivering a native end user experience, Mobile
Services offers the SAP Mobile Development Kit (MDK) extension to
SAP Web IDE. MDK is a metadata-driven tool that allows users to
customize native SAP applications, as well as create new native mobile
applications. Those applications are deployed via Mobile Services;
when received by the client runtime UX controls are transformed into
native SAP SDK for iOS controls to enable a native experience.
For more details refer to this blog and documentation.

What kind of rapid app SAP Web IDE offers layout editor (WYSIWYG), wizards, templates and code
development for mobile editor with SAPUI5 and Kapsel code completion for rapid development. HAT
platform comes with SAP can be used to transform SAPUI5 content into a hybrid web app for a more
Web IDE? feature rich mobile experience.
The MDK extension also provides a layout editor for rapid UI creation as well as
a visual editor to quickly enable developers to enable complex client-side
business logic. Apps built using MDK are deployed through Mobile Services
and render provide a native end user experience.

Does SAP Web IDE Yes, the HAT feature supports the Kapsel SDK through code completion, code
support the SMP Hybrid snippets and API reference documentation for an optimized hybrid web
SDK (Kapsel)? experience. Clients can also choose to create a fully customizable version of the
SAP Fiori Client.

10 of 13
 Does HAT support third Yes, HAT allows you to build and package an app with publicly available (in
party Cordova plugins? npm) Cordova plugins enabled or preview these plugins using the Developer
Companion app that can be built on demand.

What kind of mobile Apps built using the MDK are deployed as metadata to Mobile Services. Using
deployment options are Mobile Services’ app management features, admins can control deployment to
provided by SAP Web IDE? end user devices seamlessly. When using HAT, a dialog is presented to the
developer when cloud build is complete. This dialog contains a QR code that
can be scanned to deploy the app to a mobile device directly. A download link is
also provided to support deployment through third party tools.

Can we do native (mobile) The MDK feature enables developers to leverage web skills, within SAP Web
development with SAP IDE to customize existing SAP apps and to create new custom mobile
Web IDE? apps. These apps are represented as metadata and are deployed via Mobile
Services; when received by the client runtime UX controls are transformed into
native SAP SDK for IOS controls to enable a native experience.

11 of 13
 Licensing
How does licensing work It’s time to try out the evolution of SAP Web IDE: SAP Business Application
with SAP Web IDE? Studio (BAS).
SAP Business Application Studio (BAS) is a service on SAP BTP, Cloud
Foundry environment that offers a modern development environment tailored for
efficient development of business applications for the Intelligent Enterprise.
BAS supports customers and partners in developing and extending SAP
solutions per SAP's main business scenarios, such: SAP Fiori, SAP S/4HANA
extensions with SAP Cloud Application Programming Model (CAP), SAP
Workflow, and mobile.
You are invited to try out BAS on SAP BTP trial.
If you would like to learn more about BAS, visit its home page with links, useful
information, and additional hands-ons.

There are several ways for customers/partners to access SAP Web IDE:
1. For SAP BTP customers: SAP Web IDE is included in several platform
packages:
Get Started
• Developer edition (Non-Production Use) on the platform’s Trial
• Starter editions

Small Business
• Professional edition
• Single application edition
• Multiple application edition

Enterprise
• SAP BTP, app services package, standard edition
• SAP BTP, app services package, professional edition
• SAP BTP, app services package, premium edition

Extension packages
• SAP BTP, extension package, standard edition
• SAP BTP, extension package, premium edition

2. SAP Web IDE is also included with SAP Fiori Cloud

• SAP Fiori Cloud demo edition for test and evaluation
• SAP Fiori Cloud standard edition
• SAP Fiori Cloud premium edition

For more information, see

https://cloudplatform.sap.com/capabilities/ux/fiori.html

12 of 13
 3. In addition to the packages above SAP offers the “SAP Web IDE”
package (material no. 8003103). This license entitles you to use a
platform account with SAP BTP, Web IDE and the SAP Web IDE,
personal edition, for the development of productive apps.

For runtime, you can deploy these apps to your on-premise system, or
purchase one of the above mentioned packages that include SAP Web
IDE and a runtime environment.

You can purchase “SAP Web IDE” package in a subscription or

consumption based model, for more information on the different models,
see https://www.sap.com/products/extension-suite/pricing.html

For purchasing via the SAP Store (subscription only), see

https://www.sapstore.com/solutions/60009/Web-IDE

4. SAP Web IDE, personal edition is intended as a complementary IDE. It

can be installed on a personal workstation for offline development by a
single developer. Customers with a paid subscription to SAP Web IDE
on SAP BTP can use it productively. Information on how to obtain the
SAP Web IDE, personal edition and its documentation can be found on
SAP Development Tools (SAPUI5 tab).
5. For partners: SAP Web IDE is included in multiple SAP PartnerEdge
program packages. Description of SAP PartnerEdge packages, license
terms and prices is available here (SAP employees and SAP partners
access only).
6. For SAP HANA customers: SAP Web IDE for SAP HANA is available
starting from SAP HANA SPS 11. More information is available under
the HANA integration chapter of this document.

How can I get one of those Contact your SAP Account Executive or search for SAP Web IDE on SAP Store.
packages?

Find Out More

SAP Web IDE Homepage: https://www.sap.com/community/topics/web-ide.html
Contact us: sapwebide@sap.com

13 of 13