An HTML5/JS App includes both the Mobile Workflow— business logic, the data itself, and associated metadata that defines data flow and availability, and the Container — device-resident presentation and logic.
Within SAP Mobile Platform, development tools enable both aspects of HTML5/JS Hybrid App development.
The
Container is customized natively to define and manage device presentation and logic.
Integration
with PhoneGap allows you to link your own custom native code to the Hybrid Web Container
and call this native code from JavaScript, as well as access native device functionality
using the PhoneGap framework.
Hybrid apps can
reference:
- One or more MBOs and can include load parameters, personalization, and error
handling
- OData sources using the Datajs library
- OData sources and MBOs together in a Hybrid App
.
Once you have developed MBOs and deployed them to
SAP Mobile Server,
or your OData
sources, develop device-resident presentation and logic for your
Hybrid App using the Hybrid App Forms Editor.
The common development task flow for HTML5/JS Hybrid Apps includes these steps:
- Verify that mobile business objects have been developed and are
available.
- Start the developer environment: launch SAP Mobile WorkSpace,
import the project containing MBOs, connect to SAP Mobile Server and deploy the
project.
- Open the Hybrid App Forms Editor and design your worklfow.
- Package the hybrid app code and prepare the package for
deployment.
- Test the hybrid app using a simulator/emulator.
- Deliver the hybrid app package to the SAP Mobile Platform Administrator for production testing and
provisioning.
Complete details of this development approach and HTML/JS Hybrid App API
are documented in:
- SAP Mobile WorkSpace - Hybrid App Package Development
- Developer Guide: Hybrid Apps
.