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

Easy Text-to-Speech with Python

Image
Text-to-speech (TTS) technology reads aloud digital text. It can take words on computers, smartphones, tablets and convert them into audio. Also, all kinds of text files can be read aloud, including Word, pages document, online web pages can be read aloud. TTS can help kids who struggle with reading. Many tools and apps are available to convert text into speech. Python comes with a lot of handy and easily accessible libraries and we’re going to look at how we can deliver text-to-speech with Python in this article. Source:  https://www.youtube.com/watch?v=eiP-12qHM-c Different API’s are available in Python in order to convert text to speech. One of Such API’s is the Google Text to Speech commonly known as the gTTS API. It is very easy to use the library which converts the text entered, into an audio file which can be saved as a mp3 file. It supports several languages and the speech can be delivered in any one of the two available audio speeds, fast or slow. More detai
Read more

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: Part 2: Scroll to P
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 APIs, enable APEX developers
Read more