OpenEdge Development: Mobile Applications - Product ...

More documents

Recommendations

Info

Chapter 4: Creating Mobile Apps using JSDOs Getting started with the Mobile App Builder Using the Progress OpenEdge Mobile App Builder you can visually build a single client that can be deployed as a Mobile Web App, an iOS App or an Android App. The Mobile App Builder is a cloud-based development tool integrated with Progress Developer Studio for OpenEdge. A Developer Studio project can contain one or more Mobile Apps, each of which is associated with a unique Mobile App Builder project. The Mobile App Builder is secure and requires a Progress ID along with an active subscription. The Mobile App Builder simplifies the development of a Mobile App by handling much of the complexity of jQuery Mobile, HTML5, CSS, JavaScript, and Native App deployment (managed with Apache Cordova). The Mobile App Builder provides page templates, along with jQuery Mobile components, to make it fast and easy to prototype and build the UI of the Mobile App. Simply select any component and drag and drop it into the phone or tablet image. Once a component is added, you can set various properties available on the right-hand side. The Mobile App Builder generates standards-based code for maximum compatibility. The Mobile App Builder hides the complexity of building the UI as well as adding behavior to the pages such, as event handlers, page and link navigation, and REST service invocation. These can all be done without the need for you to write any JavaScript. In the event that you need to write custom logic, you can always provide your own JavaScript for the page. One of the most powerful features of the Mobile App Builder is the tight data-binding with OpenEdge ProDataSets and temp-tables. As described in Chapter 3, “Creating Mobile Services,” the data and ABL business logic are accessible by creating an OpenEdge Mobile service. Within the Mobile App Builder, you simply upload the JSDO catalog associated with the OpenEdge Mobile service, select the resources and data model (schema) that you want to use in the Mobile App, and Mobile CRUD operations and custom business logic for the selected resources are automatically imported as JSDO Services. These services can be used to pass data back and forth from the Mobile App to the OpenEdge AppServer as well as invoke custom business logic. All communication and data transformation is automatically handled by these services. In addition, data returned from a JSDO Service can be visually mapped to UI components. Once the Mobile App is built, it can be previewed for immediate feedback and collaboration. The preview is a Mobile Web App that runs in an emulator. This can be automatically deployed on the Mobile App Builder server in the cloud or it can be downloaded locally and deployed to a local Web server of your choice. Other available deployment choices include building an iOS App deployed through the Apple AppStore or building an Android App deployed through Google Play. For more information on these Mobile App deployment options, see Chapter 5, “Deploying Mobile Applications.” 90 OpenEdge ® Development: Mobile Applications
JSDO overview JSDO overview A JSDO is an object designed to simplify access to OpenEdge relational data in a Mobile App. It does this by providing JavaScript methods to execute the Mobile operations supported by a single Mobile resource, and supports an internal data store (JSDO local storage) to cache the OpenEdge data defined, and initially returned to the Mobile App, by the Mobile resource. The JSDO relies on a JSON catalog file (JSDO catalog) that defines the Mobile resource it is accessing. This resource definition includes the schema (data model) for the OpenEdge data supported by the resource as well as the definitions for JSDO methods to call the Mobile operations of the resource. The schema of the Mobile resource, therefore, determines both the structure of the data in JSDO local storage and how Mobile operations can interact with it. Other JSDO methods allow the Mobile App to read and manipulate the data in JSDO local storage for ultimate update on the AppServer by calling the supported Mobile operations. In addition, the JSDO’s local storage provides features that facilitate mapping its data to HTML elements of a Mobile App. The following sections briefly describe: • Supporting OpenEdge classes and objects • How a JSDO maps to a Mobile resource • How JSDO local storage works • Methods of a JSDO and the JSRecord object • Asynchronous and synchronous execution • Properties of a JSDO • Requirements for using a JSDO Supporting OpenEdge classes and objects OpenEdge Mobile provides the following classes and objects to support JSDO creation and access: • progress.data.JSDO class — Allows you to create JSDOs for Mobile resources that can execute the resource-supported Mobile operations that exchange the data defined by these resources between a Mobile App and an AppServer where the data is stored, as described in this “JSDO overview” section and the current chapter. • progress.data.Session class — Allows you to create a Session object that manages a user login session between the Mobile App and a Mobile Web application. This enables a JSDO to access the resources that a Mobile service supported by the Mobile Web application provides, as described in this “JSDO overview” section. For more information, see the “Managing user login sessions” section on page 117. • JSRecord object — References a JavaScript record object from JSDO local storage, as described in this “JSDO overview” section. OpenEdge ® Development: Mobile Applications 91
Page 1 and 2:
® ® PROGRESS® OPENEDGE® OpenEdg
Page 3 and 4:
Contents Preface . . . . . . . . .
Page 5 and 6:
Contents Packaging and Deploying An
Page 7 and 8:
Figures Contents Figure 1: OpenEdge
Page 9 and 10:
Preface This Preface contains the f
Page 11 and 12:
Using this manual Chapter 4, “Cre
Page 13 and 14:
SMALL, BOLD CAPITAL LETTERS Preface
Page 15 and 16:
Preface In this example, you must s
Page 17 and 18:
On UNIX platforms, use the OpenEdge
Page 19 and 20:
Preface end-user documentation incl
Page 21 and 22:
Preface in all copies of the suppor
Page 23 and 24:
Preface not be used in advertising
Page 25 and 26:
Preface pertaining to distribution
Page 27 and 28:
Preface LIABILITY, WHETHER IN CONTR
Page 29 and 30:
Preface CONSEQUENTIAL DAMAGES (INCL
Page 31 and 32:
Preface Except as contained in this
Page 33 and 34:
OpenEdge Mobile Overview OpenEdge
Page 35 and 36:
Run-time architecture As shown in F
Page 37 and 38:
Run-time architecture An OpenEdge R
Page 39 and 40: Run-time architecture As shown in F
Page 41 and 42: Run-time architecture For informati
Page 43 and 44: Building Mobile services Developmen
Page 45 and 46: Development architecture and tools
Page 47 and 48: Example: A Simple Mobile App This c
Page 49 and 50: Creating a new Mobile OpenEdge proj
Page 51 and 52: Creating an include file Creating a
Page 53 and 54: Creating a new Business Entity 5. I
Page 55 and 56: 3. In the Event menu, select Load.
Page 57 and 58: Adding the JSDO service to the clie
Page 59 and 60: Building and testing the Mobile App
Page 61 and 62: 2. Check the JavaScript associated
Page 63 and 64: Creating Mobile Services OpenEdge
Page 65 and 66: Getting started with OpenEdge Mobil
Page 67 and 68: Getting started with OpenEdge Mobil
Page 69 and 70: Coding AppServer services for OpenE
Page 77 and 78: Creating Mobile resources Creating
Page 79 and 80: Creating Mobile services Creating M
Page 81 and 82: URIs for accessing Mobile Web appli
Page 83 and 84: URIs for accessing Mobile Web appli
Page 85 and 86: est URIs for accessing Mobile Web a
Page 87 and 88: Creating Mobile Apps using JSDOs Op
Page 89: Creating a Mobile App from Develope
Page 93 and 94: JSDO overview A Mobile resource can
Page 95 and 96: JSDO overview If a method leaves a
Page 97 and 98: JSDO overview - assign( ) — Calle
Page 99 and 100: Comparing asynchronous and synchron
Page 101 and 102: Managing JSDO event subscriptions J
Page 103 and 104: Two additional properties are avail
Page 105 and 106: Creating a JSDO for a Mobile resour
Page 107 and 108: Accessing built-in CRUD operations
Page 109 and 110: Client JavaScript code: Create Acce
Page 111 and 112: Client JavaScript code: Update Acce
Page 113 and 114: Notice that the sample code: Access
Page 115 and 116: Accessing non-built-in invoke opera
Page 117 and 118: Managing user login sessions Managi
Page 119 and 120: Managing user login sessions • Th
Page 121 and 122: Managing user login sessions If the
Page 123 and 124: Getting started with other HTML cod
Page 125 and 126: Using a custom template Getting sta
Page 127 and 128: Publishing Mobile Apps for testing
Page 129 and 130: Deploying Mobile Applications OpenE
Page 131 and 132: Packaging and deploying Mobile serv
Page 133 and 134: 9. To upload the certificate: a. Cl
Page 135 and 136: Devices Packaging and Deploying iOS
Page 137 and 138: Packaging and Deploying Android App
Page 139 and 140: Packaging and Deploying Mobile Web
Page 141 and 142:
Security considerations Security co
Page 143 and 144:
Security considerations In order to
Page 145 and 146:
SSL connections Security considerat
Page 147 and 148:
ABL to JavaScript Data Type Mapping
Page 149 and 150:
JavaScript data type overview JavaS
Page 151 and 152:
ROWID String (Base64 encoded) Data
Page 153 and 154:
OpenEdge JavaScript Class and Objec
Page 155 and 156:
progress.data.JSDO class progress.d
Page 157 and 158:
object-ref progress.data.JSDO class
Page 159 and 160:
Table 12: progress.data.JSDO table-
Page 161 and 162:
progress.data.JSDO class The JSDO c
Page 163 and 164:
progress.data.JSDO class Note: If a
Page 165 and 166:
Properties Table 15: progress.data.
Page 167 and 168:
progress.ui.UIHelper class Construc
Page 169 and 170:
Table 20: Example — index.html pr
Page 171 and 172:
equest object Properties request ob
Page 173 and 174:
OpenEdge JavaScript Class Propertie
Page 175 and 176:
• onOpenRequest property • para
Page 177 and 178:
addCatalog( ) method addCatalog( )
Page 179 and 180:
addItem( ) method addItem( ) method
Page 181 and 182:
In Release 11.2, the following form
Page 183 and 184:
afterCreate event afterCreate event
Page 185 and 186:
afterDelete event afterDelete event
Page 187 and 188:
afterFill event afterFill event Fir
Page 189 and 190:
afterSaveChanges event afterSaveCha
Page 191 and 192:
afterUpdate event afterUpdate event
Page 193 and 194:
assign( ) method (JSDO class) assig
Page 195 and 196:
async property async property A Boo
Page 197 and 198:
atch property A reference to an obj
Page 199 and 200:
eforeDelete event beforeDelete even
Page 201 and 202:
eforeInvoke event beforeInvoke even
Page 203 and 204:
eforeUpdate event beforeUpdate even
Page 205 and 206:
clearItems( ) method Clears the ite
Page 207 and 208:
display( ) method display( ) method
Page 209 and 210:
fill( ) method After this method co
Page 211 and 212:
In following code fragment, jsdo re
Page 213 and 214:
findById( ) method The following co
Page 215 and 216:
foreach( ) method foreach( ) method
Page 217 and 218:
getData( ) method getData( ) method
Page 219 and 220:
getFormRecord( ) method getFormReco
Page 221 and 222:
getListViewRecord( ) method Returns
Page 223 and 224:
invocation method invocation method
Page 225 and 226:
jsdo property jsdo property An obje
Page 227 and 228:
login( ) method login( ) method Sta
Page 229 and 230:
OpenEdge Mobile supports the follow
Page 231 and 232:
loginResult property loginResult pr
Page 233 and 234:
logout( ) method logout( ) method T
Page 235 and 236:
onOpenRequest property onOpenReques
Page 237 and 238:
paramObj property paramObj property
Page 239 and 240:
emove( ) method remove( ) method De
Page 241 and 242:
saveChanges( ) method saveChanges(
Page 243 and 244:
services property services property
Page 245 and 246:
serviceURI property serviceURI prop
Page 247 and 248:
setFieldTemplate( ) method setField
Page 249 and 250:
setListView( ) method Defines a lis
Page 251 and 252:
subscribe( ) method subscribe( ) me
Page 253 and 254:
success property success property A
Page 255 and 256:
table reference property (JSDO) Bot
Page 257 and 258:
unsubscribe( ) method unsubscribe(
Page 259 and 260:
useRelationships property useRelati
Page 261 and 262:
xhr property xhr property A referen
show all

OpenEdge Development: Mobile Applications - Product ...

Create successful ePaper yourself

Delete template?

Save as template?