Oracle JET v5 on Android with Windows

Oracle JET v5 on Android with Windows

Jason Scarfe
Jason Scarfe
Jun 3, 2018 · 4 min read
I’ve dabbled with Oracle JET since v3.2 and have done some bits and bobs with the hybrid version namely the iOS target.
For those that are new to Oracle JET, it provides a single source set (set of CSS, JS and HTML) which you can target multiple devices with (Android, iOS and Windows phones).
I was interested in getting up to speed with looking at Android and this was going to be my first exposure of trying the Android emulator. It therefore made sense I used the latest version (Oracle JET version 5) as the framework is getting richer with each release.
I was trying my best to follow the Oracle JET instructions (for reference, https://docs.oracle.com/en/middleware/jet/5/develop/getting-started-oracle-jet-hybrid-mobile-application-development.html#GUID-C75CD8DC-5084-4831-BE1A-FFEE4EA8600C) but I got confused or slipped up on a couple of areas. Therefore, this post serves as a reminder for myself but should help others who are getting stuck.

Cordova Version

One of things that really threw me off is one of the first items you actually install; Cordova. I didn't realise what was wrong and why my changes were not occurring but I will tell you up front that when the document tells you to:
[sudo] npm install -g cordova
what we actually need to do is install Cordova v7. Therefore, my command is more like this:
[sudo] npm install -g cordova@7
Some config files have changed and what I ended up getting was errors with either “platforms.json not found” when saving a file or “hybrid\platforms\android\res\xml\config.xml” not found errors on build.
What I notice with v7 is that when I run the ojet serve android command I can see that the console shows a list of files which have been transferred to the emulator:
Before, when using v8, the serve was finishing much earlier at the step:

Resource Hungry Development

Not really a JET issue I know but just a heads up that my machine had a measely 6 Gb of RAM. With Android development, it involves Gradle and Java. This, plus the memory utilisation of the emulator itself, can soon see your system chugging. I upgraded from 6 Gb > 12 Gb and the emulator was able to run correctly.

AVD Confusion

This brings me on to the headscratcher of creating an AVD (Android Virtual Device) when you’ve just installed Android Studio. The instructions say to:
In Android Studio, launch the Android Virtual Device Manager by selecting Tools > Android > AVD Manager.
Now, when I first ran Android Studio, I get this window:
This screen does not have a tools window. I guess that the Studio has been updated and Oracle’s instructions are a little behind.
What I did is created a blank project so I got into the main part of the Studio.
I was then able to click this little button to get to the AVD menu:
Where I could create my device:

Post Project Scaffolding Issue

I found this one after running my initial ojet scaffold command:
ojet create MediumExample --hybrid --appname=”MediumExample” --template=navbar --platform=android
This built the project fine. However, when following the instruction to cd into MediumExample and run ojet build I found myself getting an error that a json file was missing. The below GIF shows the issue just after scaffolding and running ojet build android after changing directory. The GIF goes on to run npm update and then ojet build android again which then runs correctly:

Setting Paths

The Oracle instructions do a good job saying what needs setting on the path. However, my notes for Windows are as follows:
JAVA_HOME points to a java install directory but NOT as far as /bin. So, for example:
C:\Program Files\Java\jdk1.8.0_171
ANDROID_HOME points to the sdk folder. This directory is available after downloading the Android Studio installer. For example:
C:\Users\Jason\AppData\Local\Android\Sdk
PATH should be extended to have the SDK tools on. Primarily because JET build tools checks to see if adb.exe is on your path. Therefore, add this directory (or similar):
C:\Users\Jason\AppData\Local\Android\Sdk\platform-tools

Summary

The Oracle JET framework is fantastic in terms of getting you on an emulator. With just a couple of hurdles to jump over you can be developing in the emulator in no time:
Happy JET coding!
Originally published at medium.com on June 3, 2018.

Oracle Developers

Aggregation of articles from Oracle & partners engineers, Groundbreaker ambassadors & the developer community on all things Oracle Cloud and its technologies. The views expressed are those of authors solely and do not necessarily reflect Oracle's. Contact @jimgris or @brhubart

Jason Scarfe
WRITTEN BY

Jason Scarfe

Full stack developer and lover of Oracle JET

Comments

Post a Comment

Popular posts from this blog

Flutter for Single-Page Scrollable Websites with Navigator 2.0

Image
  Single page scrollable websites are everywhere. In this website design pattern, all the content is presented in one long-scrolling layout that contains multiple sections. Visitors can scroll or jump to a section by clicking buttons of a sticky menu. This pattern is a good fit for small content such as brochure websites, software library documentation, portfolios, and landing pages that are used to convert users [ 1 ]. Designers also love this pattern because it is simple, clean, and enables cool scroll animations. Jetbrains Mono single-page scrollable website Hive docs multi-page scrollable website In this series of articles, we will explore how to build a  single-page scrollable website  using Flutter. We will benefit from the Navigator 2.0 API to provide a good navigation experience to the users. You can find the source code of this series’ sample apps on my  Github page . The implementation details of the sample apps will be explained in the following articles: ...
Read more

A Data Science Portfolio is More Valuable than a Resume

Image
A Data Science Portfolio is More Valuable than a Resume Benjamin Obi Tayo Ph.D. Following Nov 20  · 5 min read D ata Science is a practical field. Hands-on skills are very important especially when you are interested in working outside academia as a practicing data scientist. In academia, you need more theoretical and research skills. While in-depth knowledge in the theoretical foundations of data science is important, as a practicing data scientist, hands-on experience is very crucial and one way to showcase you hands-on skills is via building a very great portfolio. Companies interested in hiring you would definitely be asking you for a portfolio, as it gives evidence of your strengths in fundamental data science concepts. While a data science resume is important, a data science portfolio is more valuable than a resume. This article will discuss 3 important platforms that can be used for portfolio buildi...
Read more

Better File Storage in Oracle Cloud

Image
Use Oracle Application Express with Oracle Cloud Infrastructure REST APIs to upload, download, and manage big files in Oracle Cloud. By Adrian Png November 27, 2019 Oracle Cloud Infrastructure  provides a comprehensive suite of REST APIs for accessing and managing cloud resources. For example, administrators can use REST APIs to create and manage autonomous databases and initiate backups. Oracle Application Express (Oracle APEX)  makes working with REST easy. The  APEX_WEB_SERVICE  package, available since Oracle APEX 4.0, provides developers with a function for consuming REST APIs. Oracle APEX 5.0 introduced the  APEX_JSON  package, allowing easy parsing of JSON responses. Oracle APEX 18.1 introduced the Web Source Module (WSM), which enables developers to access REST services and use the data in APEX components such as reports, interactive reports, and interactive grids. These features, when used together with Oracle Cloud Infrastructure REST ...
Read more