[Android][Website] Build Website kedalam Apk Andorid menggunakan cordova

Gitu yaa judulnya hehe bingung Intinya ini sebenarnya website yang dimasukkan yg dibuild kedalam apk android, Ok langsung aja yaa biar paham maksudnya he

Pertama, buat website dengan Css mobile misal jquey mobile kah, banyak kq templatenya khusus jquey mobile🙂 atau perlu pake pengecekan website ini khusus diakses via handphone aja😀

Kedua, instal cordova ,syarat install cordova anda harus menginstal node.js terlebih dulu, bisa cek didownload di webnya

https://nodejs.org/en/

dan cordova ada disini

https://cordova.apache.org/docs/en/4.0.0/guide/cli/

Ketiga , buat project dengan cordova caranya

Capture

Capture

selanjutnya ini bagian pentingnya master instal plugin inappbrowser

Capture

Keempat, saya menggunakan Android Studio 2 (AS 2) untuk build ke apknya dan juga untuk sedikit modify index.html dan config.xml nantinya , naa hasil dari cordova harus di import dulu caranya baca disini

Kelima, buka AS 2, masuk kedalam assets\www\index.html

<!DOCTYPE html>
<html>
<head>

    <title>InAppBrowser.addEventListener Example</title>
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for device API libraries to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);
    var iabRef = null;
function iabClose(event) {
         alert(event.type);
 navigator.app.exitApp();
    }
    // device APIs are available
    //
    function onDeviceReady() {
         var iabRef = window.open('http://facebook.com', '_blank', 'location=no');
               iabRef.addEventListener('exit', iabClose);
    }

    </script>
</head>
<body>
</body>
</html>

dan hasilnya

Capture

naa bagian terpenting dari sintax diatas adalah ini  window.open (…) naa disinilah bisa ganti url website anda😀

Ok biasanya ada yg mengalami namanya timeout saat mau menampilkan website telalu lama lah, naa untuk mengatasi itu buka res/xml/config.xml

1

tambahkan

<preference name="loadUrlTimeoutValue" value="90000" />

Naa selanjutnya build ke APK, pilih menu build

1

1

untuk password yg saya garis itu saya kasih sama aja he biar ingat aja klo build ke Apk lagi

 

1

1

1

Ok finish, dan silahkan instal deh apknya di hape anda

OK beres dah hehe info lengkap

https://cordova.apache.org/docs/en/3.0.0/cordova/inappbrowser/inappbrowser.html

btw bisa dijadikan alternatif klo tidak bisa javascript😀 , naa bagaimana klo saat mau mulai jalan tiba tiba koneksi putus, solusinya bisa tambahkan


<preference name="errorUrl" value="file:///android_asset/www/connection_error.html" />

bikin connection_error.html di folder www🙂 beres deh, untuk icon/splashscreen gampang itu😀

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: