Android Mobile Application Part I - Setting up Android Studio

Mobile Apps
#1

Here is a quick guide to creating an Android Mobile Application in Wappler:

Android Studio:

  • Install Android Studio (fresh new installation is recommended)
  • Install Node.JS (fresh new installation is also recommended)
  • Install SDK for chosen Android versions (Tools - SDK Manager in Android Studio) and select which versions of Android you wish to install (for this example we have used Android 8).
  • Install AVD’s for your selected mobile devices (these are for emulation and are essentially virtual devices), (Tools - AVD Manager and select the devices you wish to emulate, we have used the Nexus 5X API26 for this project, but you can select from a wide range of devices and add those as well).
  • Install Intel HAXM driver if you are running Intel CPUs (makes the whole process so much faster).

Download latest version of Gradle:

Update/Install Gradle:

Now is a good time to reboot your system!

Next will move on to setting up the Mobile App itself… We’ll start basic so you have an App to build and deploy to your emulator, then after that we can chat about implementing Dynamic Data including remote scripts, log-in, etc. First we’ll let everyone catch-up and get the above sorted!

3 Likes
Android Mobile Application Part II - Setting up Projects
Anyone built complete mobile app?
Setting up for App development
Problem building Android App
Cordova installation on Windows 10 - 64 bits
Can Wappler build “real" apps?
Wappler and Mobile Getting Started
#2

Part II will cover setting up the Mobile App itself, which is very simple. We’ll be using the Blank Cordova template found within the New Project area for Mobile, not Kitchen Sink (although the principle is the same in this tutorial we will integrate Bootstrap 4). Will put this together while on the train to Lisbon tomorrow, and upload it later in the afternoon…

Mobile app tutorial
Advice on Mac Specs
#3

Just a quick note on installing node.js; I highly recommend using NVM (Node Version Manager), especially if you’ve other node.js work already on your system, global packages installed etc.

1 Like
#4

Hello Dave/@Teodor ,

while trying to see mobile login screen in emulator , I am seeing this error.

Capture
Capture1904×1025 86 KB

however when I did system check everything is ok.

Capture1
Capture11878×1046 92.3 KB

Can you please suggest what am I doing wrong?
Regards,
AK

#5

Hi A_K,
For the WSL 2 issue: Have you tried running Windows Powershell as admin then pasting in the second paragraph from your pic? - “Enable-WindowsOptional…”

1 Like
#6

Hi 00cedge…yes I did it along with some toher thing which google suggested and it seems its working…thanks a ton… :smile:

1 Like