Cara menjalankan program HTML5 berbasis JavaScript sebagai App Android dengan menggunakan WebView

Orang yang kadung hobi dengan coding HTML5 dan JavaScript, begitu berbicara tentang pengembangan aplikasi mobile, pasti kepikiran bagaimana cara membuat app berbasis HTML5 untuk berbagai platform. Nah ini yang sering disebut hybrid app, yaitu membuat app yang coding nya kebanyakan dengan JavaScript saja, sedangkan nantinya web app tersebut di-embed atau dijalankan di komponen WebView yang ada di Android dan iOS.

Untuk embed HTML di iOS seingat saya, saya sudah membuat postingan di sini:

Cara meng-embed html dalam webView di XCode untuk membuat app iOS

Adapun postingan kali ini berkatian dengan Android. Bagaimana caranya kita bisa membuat aplikasi HTML5 berbasis JavaScript yang bisa dijalankan sebagai app Android?

Nah di video ini kamu bisa melihat step-step nya yang paling basic dari membuat file HTML, menambahkannya ke Android Studio, hingga meng-compile nya menjadi sebuah app Android yang bisa dijalankan di hape kamu.

Berikut ini videonya:

Kayanya saya agak repot kalau mau jelaskan setiap stepnya, jadi silahkan ditonton saja videonya.

Kalau kamu perlu source codenya, ada beberapa part saya sudah share di blog berbahasa Inggris saya di link-link berikut ini:

Let’s create an HTML5 based Android web app

Creating New Android Project (Creating HTML5 Android WebApp)

Adding the WebView to activity_main.xml in Android Studio (Creating HTML5 Android WebApp)

Edit the MainActivity.java file (Creating HTML5 Android WebApp)

Adding html file inside assets folder (Creating HTML5 Android WebApp)