Oracle JET allows to build mobile hybrid apps, based on Cordova and deploy to Android or iOS platform. Read more about it here - Go Mobile with Oracle JET As Easy As 1 2 3. In my previous post I have described how to call REST endpoint running on Oracle MCS from JET - Calling Mobile Cloud REST Service from Oracle JET. Its time to demonstrate the same from JET hybrid app, running on my Android phone.
Here is the screen capture of JET hybrid app running on Android device and displaying data fetched from MCS REST endpoint:
To test data re-fetch, I have updated one record directly through MCS endpoint tester UI, using REST PATCH:
In mobile app, I navigated outside Customers screen and back - data is re-fetched, chart is changed:
What is great about JET hybrid, you could use identical code for JET rendered on the Web and JET rendered on mobile device. You could copy paste the same code between Web and mobile hybrid implementations. Here is example from sample app, where chart and list are displayed:
JET model points to MCS endpoint and defines data collection, same as it would be done for JET rendered on the Web:
Data is fetched in special method - handleActivated. This method is invoked automatically when View Model becomes active (user opens it from the menu). This is quite handy, to have such entry points in the app:
Download sample app code - js_jethybrid_v1.zip, where I have packaged Java Script and HTML examples. You should copy it into application with JET libraries to run.
To build JET hybrid app use:
grunt build:dev --platform=android
To deploy to Android device use:
grunt serve --platform=android --destination=device
Read more about how to create JET hybrid app here - Go Mobile with Oracle JET As Easy As 1 2 3.
Here is the screen capture of JET hybrid app running on Android device and displaying data fetched from MCS REST endpoint:
To test data re-fetch, I have updated one record directly through MCS endpoint tester UI, using REST PATCH:
In mobile app, I navigated outside Customers screen and back - data is re-fetched, chart is changed:
What is great about JET hybrid, you could use identical code for JET rendered on the Web and JET rendered on mobile device. You could copy paste the same code between Web and mobile hybrid implementations. Here is example from sample app, where chart and list are displayed:
JET model points to MCS endpoint and defines data collection, same as it would be done for JET rendered on the Web:
Data is fetched in special method - handleActivated. This method is invoked automatically when View Model becomes active (user opens it from the menu). This is quite handy, to have such entry points in the app:
Download sample app code - js_jethybrid_v1.zip, where I have packaged Java Script and HTML examples. You should copy it into application with JET libraries to run.
To build JET hybrid app use:
grunt build:dev --platform=android
To deploy to Android device use:
grunt serve --platform=android --destination=device
Read more about how to create JET hybrid app here - Go Mobile with Oracle JET As Easy As 1 2 3.
No comments:
Post a Comment