Skip to content

Latest commit

 

History

History
104 lines (79 loc) · 8.62 KB

Developing_Apps_23cfd95.md

File metadata and controls

104 lines (79 loc) · 8.62 KB
loio
23cfd955f58142389fa7c9097e11559c

view on: demo kit nightly build | demo kit latest release

Developing Apps

Create apps with rich user interfaces for modern web business applications, responsive across browsers and devices, based on HTML5.

Project Setup

Before you start developing apps with OpenUI5, you start by setting up the development environment of your choice. You can find our recommendations under Development Environment.

Development

When faced with developing an app, you have several ways to get started ranging from app templates or a make-em-completely-from-scratch approach. But which approach is right for your situation? In most cases, it's your level of expertise or need for flexibility and freedom that will decide.

If you're skilled at coding and want the freedom and flexibility, you can build an app completely from scratch. In the chapters in this section, you will find some guidance on how to deal with crucial concepts such as accessibility, security, device adaptation.

Be sure to check out information about things that you really should avoid doing while coding: Coding Issues to Avoid.

Packaging and Deployment

How you deploy your app when you're finished depends on the tools you use and the platform where your app is going to run. See the related documentation for details.

For example, it's quite easy to deploy an app to SAP Business Technology Platform with SAP Business Application Studio. For more information about SAP Business Application Studio, see the documentation on the SAP Help Portal at SAP Business Application Studio.

Note:

For more information about packaging apps, read the blog post Optimizing OpenUI5/SAPUI5 Apps.

  • Development Environment
    This part of the documentation introduces you to some common and recommended use cases for the installation, configuration, and setup of OpenUI5 development environments.
  • App Overview: The Basic Files of Your App
    We recommend creating at least three files for your app: the descriptor (manifest.json), the component (Component.js), and the main view of the app (App.view.xml).
  • App Initialization: What Happens When an App Is Started?
    When a user starts an app (in the SAP Fiori launchpad (FLP) or using an HTML page), several steps will be performed in the background.
  • Folder Structure: Where to Put Your Files
    The details described here represent a best practice for structuring an application that features one component, one OData service and less than 20 views. If you're building an app that has more components, OData services and views, you may have to introduce more folder levels than described here.
  • Device Adaptation: Using Device Models for Your App
    Depending on the capabilities of the device on which the app is running, the functionality and the design of the application might differ. By introducing a local JSON model holding the device-dependent data, we can bind properties of our views to the device's capabilities.
  • Performance: Speed Up Your App
    If a web app has performance issues, finding the cause can be both a time-consuming and nerve-consuming task. To help you avoid and solve performance issues in your app, here are some good practices we've discovered while dealing with OpenUI5 apps.
  • Stable IDs: All You Need to Know
    Stable IDs are IDs for controls, elements, or components that you set yourself in the respective id property or attribute as opposed to IDs that are generated by OpenUI5. Stable means that the IDs are concatenated with the application component ID and do not have any auto-generated parts.
  • Reacting on User Input Events
    User input events can either be handled automatically by the framework or manually by the application.
  • Whitespaces Concept
    Whitespace characters represent the empty space between all the characters that you can see on the screen.
  • Coding Issues to Avoid
    This section lists some of the most important issues that should be avoided when creating applications using OpenUI5, split into different categories for reasons of simplicity.
  • Securing Apps
    The following section provides information about security aspects of OpenUI5. The information is intended for OpenUI5 application and control developers, as well as to system administrators running applications based on OpenUI5.
  • Right-to-Left Support
    OpenUI5 application developers need to be aware of how applications behave when right-to-left (RTL) directionality is selected. Changing the directionality has a big impact on text-displaying controls, images and the alignment of the whole application.
  • Accessibility
    In this guide we cover the most important accessibility aspects for application development, based on OpenUI5.