mobile development using worklight studio - ibm.com fileadt plugin for eclipse – start eclipse,...
TRANSCRIPT
![Page 1: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/1.jpg)
Mobile Development using Worklight Studio
By Amine GAHBICHE - Proxym-IT
![Page 2: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/2.jpg)
! IBM Worklight Overview
2
![Page 3: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/3.jpg)
IBM Worklight Overview
! Open platform, built around HTML5 & supporting hybrid apps
! Focus on new devices and OS’s and their unique capabilities
! Cater to enterprise needs regarding app capabilities, delivery, integration, security and management
! Handle the entire lifecycle of mobile apps
3
![Page 4: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/4.jpg)
IBM Worklight Overview
4
![Page 5: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/5.jpg)
IBM Worklight applications main types
5
![Page 6: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/6.jpg)
IBM Worklight Overview
6
![Page 7: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/7.jpg)
IBM Worklight Overview
7
![Page 8: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/8.jpg)
Single Shared Codebase
8
![Page 9: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/9.jpg)
Integrating Best-in-class Tools
9
![Page 10: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/10.jpg)
IBM Worklight Server
10
![Page 11: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/11.jpg)
Device Runtime Components
11
![Page 12: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/12.jpg)
IBM Worklight Console
12
![Page 13: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/13.jpg)
! IBM Worklight environment setup
13
![Page 14: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/14.jpg)
Eclipse IDE
! Multi-purpose integrated development environment (IDE)
! Open source ! Supported for Windows, Mac OS X, Linux ! Eclipse versions that are compatible with
IBM Worklight Studio are: – Eclipse V4.2.2 (Juno) – Eclipse V4.3.1 (Kepler)
14
![Page 15: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/15.jpg)
IBM Worklight Studio Setup 1/2
! The instructions to install IBM Worklight Studio are: – Start your Eclipse IDE. – Click Help > Install new software. – Beside the Work with field, click Add. – In the Add Repository window, click Archive. – Browse to the location of the.zip file on your
machine, and click Open. You can download the zip from this link
– Click OK to exit the Add Repository window. 15
![Page 16: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/16.jpg)
IBM Worklight Studio Setup 2/2
– On the Available Software page, select IBM Worklight Studio Development Tools, and click Next.
– On the Install Details page, review the features of Worklight Studio to be installed, and then click Next.
– On the Review Licenses page, review the license text. Select I accept then click Finish.
– The installation process starts. Follow the prompts to complete the installation.
16
![Page 17: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/17.jpg)
Android environment setup
! The Android SDK separates tools, platforms, and other components into packages you can download using the SDK Manager.
! SDK Manager can be downloaded from google website
17
![Page 18: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/18.jpg)
ADT Plugin for Eclipse
– Start Eclipse, then select Help > Install New Software.
– Click Add, in the top-right corner. – Enter ADT Plugin Zip file path or link, click OK. – In the Available Software dialog, select
Developer Tools and click Next. – Accept the license agreements, then click
Finish. – Restart Eclipse after installation completes.
18
![Page 19: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/19.jpg)
Add Android SDK Platform
– From Eclipse, select Window > Android SDK Manager.
– Select packages to install. – Click install packages.
19
![Page 20: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/20.jpg)
iOS Environment
! Need a Mac with Mac OS X 10.9.4 or later.
! Install the latest version of Xcode (version 6.1) from Mac App Store.
20
![Page 21: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/21.jpg)
Windows Phone 8 Environment
! Needs a PC running 64-bit Windows 8 operating system.
! The Windows Phone 8.1 development tools are included with Visual Studio 2013 (Update 2 or later).
! More details at https://dev.windowsphone.com/en-us/downloadsdk
21
![Page 22: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/22.jpg)
! Creating your first IBM Worklight application
22
![Page 23: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/23.jpg)
23
! Create a new IBM Worklight project
![Page 24: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/24.jpg)
24
![Page 25: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/25.jpg)
! JavaScript frameworks can be added to your project in this screen.
25
![Page 26: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/26.jpg)
! IBM Worklight structure
26
![Page 27: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/27.jpg)
Adding mobile environments
27
![Page 28: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/28.jpg)
Adding mobile environments
28
![Page 29: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/29.jpg)
29
! Common Environment: – index.html: The main HTML file. – css: main.css – main application CSS file. – images: Default Worklight images for the common
environment. – js:
! initOptions.js: Contains initialization options for the application.
! main.js: The main JavaScript file for the application.
! messages.js: JSON object that holds all app messages. Can be used as the source for translation.
![Page 30: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/30.jpg)
IBM Worklight project structure
30
! The resources of the new environment have the following relationship with the common resources: – images – overrides the common images
when both have the same name. – css – extends, overrides, or both, the
common CSS files. – js – extends the common application
instance JS object. The environment class extends the common app class.
– index.html – optional HTML file that overrides the common HTML code when both have the same name.
![Page 31: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/31.jpg)
application-descriptor.xml file
31
![Page 32: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/32.jpg)
32
![Page 33: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/33.jpg)
Index.html file
33
![Page 34: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/34.jpg)
Building the application
34
![Page 35: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/35.jpg)
IBM Worklight console
35
![Page 36: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/36.jpg)
Preview the application
36
![Page 37: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/37.jpg)
! IBM Worklight Adapters
37
![Page 38: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/38.jpg)
! An Adapter is a transport layer used by the Worklight Platform to connect to various back-end systems.
! Adapters are used for:
! Retrieving information ! Performing actions
38
![Page 39: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/39.jpg)
Adapters benefits
! Universality : Supports multiple integration technologies and back-end information systems
! Fast Development : Defined using simple XML syntax, and easily configure with JavaScript API
! Security : Use of flexible authentication facilities to create connections with back-end systems – Adapters offer control over the identity of the connected user
! Scalability : Adapters reduce the number of transactions performed on back-end systems by using cache to store retrieved back-end data
! Transparency : Data retrieved from back-end applications is exposed in a uniform manner regardless of the adapter type
39
![Page 40: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/40.jpg)
Adapter Anatomy
! Each Worklight Adapter consists of: ! An XML file, describing the connectivity options and
listing the procedures exposed to the application or other adapters
! A JavaScript file, containing the implementation of procedures declared in the XML file
! Zero or more XSL files, containing a transformation scheme for retrieved raw XML data
40
![Page 41: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/41.jpg)
Adapter Anatomy
! Adapter functionality is available to the app using procedures
! Procedures call back-end services to retrieve data or to perform actions
! Procedures are declared using XML and are implemented using server-side JavaScript
! Using server-side JavaScript, a procedure can process the data before or after calling the service
41
![Page 42: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/42.jpg)
42
![Page 43: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/43.jpg)
Creating an Adapter
43
![Page 44: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/44.jpg)
44
![Page 45: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/45.jpg)
45
![Page 46: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/46.jpg)
Testing adapter procedure
46
![Page 47: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/47.jpg)
Testing adapter procedure
47
![Page 48: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/48.jpg)
Invoking a Procedure From the Client App
48
![Page 49: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/49.jpg)
! Client side technologies
49
![Page 50: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/50.jpg)
Cordova
! Cordova - an open source JavaScript-based development framework for building multiplatform mobile apps.
! The Worklight Framework make use of the Cordova library. Developers can access native device functionalities through those services.
50
![Page 51: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/51.jpg)
Cordova – usage sample
51
![Page 52: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/52.jpg)
Cordova – usage sample
52
![Page 53: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/53.jpg)
Cordova Plugin
! Cordova allows developers to create custom native code blocks and invoke them via JavaScript
! This technique is called a Cordova Plugin ! An Apache Cordova plugin consists of two
parts – Java code which runs natively within the
Android OS – A JavaScript wrapper
53
![Page 54: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/54.jpg)
Worklight JavaScript SDK
! WL.Client – WL.Client.isUserAuthenticated (realm) – WL.Client.getUserInfo (realm, key) – WL.Client.invokeProcedure (invocationData,
options)
! WL.Logger – WL.Logger.debug (message)
54
![Page 55: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/55.jpg)
Worklight JavaScript SDK – common controls
! Some controls are common to most environments, such as modal pop-up windows, loading screens, and tab bars.
! Worklight JavaScript API automatically renders these controls in a native way for each mobile platform.
! Some of these controls are Busy indicator, Simple dialog, Tab bar, Options menu
55
![Page 56: Mobile Development using Worklight Studio - ibm.com fileADT Plugin for Eclipse – Start Eclipse, then select Help > Install New Software. – Click Add, in the top-right corner. –](https://reader030.vdocuments.us/reader030/viewer/2022040713/5e18f8e3b8a11a0a08358c7a/html5/thumbnails/56.jpg)
Worklight JavaScript SDK – common controls
! WL.BusyIndicator ! It uses native implementation on the each
platforms
56