Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menampilkan Website Localhost Di Android Studio

 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio
Cara Menampilkan Website Localhost di Android Studio | Webview ialah adalah cara menampilkan website di Android dengan dukungan aplikasi android studio. nah kali ini kita akan membahas Cara Menampilkan Website Localhost di Android Studio. 

kalau kau mempunyai sebuah sistem atau aplikasi berbasis web kau sanggup memasukkannya menjadi aplikasi berbasis android dengan dukungan android studi. caranya cukup mudah, kau tinggal masukkan folder sistem kau ke directory tertentu di android studio dan nanti sistem intu akan menjadi aplikasi android dengan dukungan android studio. ga percaya? yuk kita ikuti caranya dibawah ini.

Baca Juga: Cara Membuat Aplikasi Favorite Song dengan Android Studio

Di setiap device Android niscaya mempunyai Android System Webview atau TampilanWeb Sistem Android. Mungkin kau tidak melihatnya di gugusan aplikasi, tapi kau akan selalu diminta untuk mengupdate aplikasi yang satu ini di playstore.

Bila kau memperhatikan deskripsi dari aplikasi ini di Google Playstore, pastinya mereka menjelaskan menyerupai berikut:

“Android Webview ialah sistem komponen dari Chrome yang memungkinkan aplikasi Android sanggup menampilkan konten web. Komponen ini pre-installed pada perangkat anda dan selalu up to date biar mempunyai keamanan terbaru serta perbaikan bug lainnya”

Namun singkatnya, Fungsi dari Android System Webview ialah menampilkan konten web secara pribadi dari aplikasi pihak ke-3 apapun yang memakai komponen Chrome tanpa harus membuka aplikasi browser terlebih dahulu.

Implementasi dari komponen yang satu ini sanggup kau lihat dari semua aplikasi yang ada di playstore termasuk Facebook, Line, BBM dan lain-lain yang mana bila ada link yang memuat konten web nantinya akan di tampilkan In-App tanpa harus ke browser.

Sejarahnya sendiri, Android System Webview pertama kali hadir di Android 4.4 a.k.a KitKat yang awalnya memakai basis open source dari Google Chrome dan semenjak di Android 5.0 (Lolipop) dijadikan sebuah aplikasi terpisah sehingga sanggup terus di perbarui di Google Playstore tanpa memerlukan update firmware terbaru. Kaprikornus untuk versi Android 4.3 (Jellybean) dan di bawahnya, masih memakai source code dari WebKit Apple menyerupai yang ada pada browser Safari.

Untuk itu, pastikan kau selalu memperbarui aplikasi ini alasannya apabila ada web konten dari aplikasi favorit kau hanya menampilkan halaman blank putih tapi koneksi tetap stabil, itu tandanya kau harus segera memperbarui aplikasi tersebut.(Source: Droidpoin)

Webview : Cara Menampilkan Website Localhost di Android Studio :
1. Buat Project Baru, kemudian kasi nama project sesuai aplikasi yang akan kau buat, kemudian klik Next.
 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

2. Selanjutnya pilih perangkat yang sanggup menjalankan aplikasi yang kau buat. Disini kita menciptakan aplikasi untuk phone dan tablet. Kaprikornus silahkan pilih Phone dan tablet. Jangan lupa pilih API atau minimum SDK yang sanggup menjalankan palikasi mu, saran aku pilih versi paling bawah. Jika sudah kau sanggup klik Next.
 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

3. Kemudian pilih activity pada mobile.activity ini harus kau sesuaikan dengan aplikasi yang akan kau buat, alasannya kita mau buat apllikasi webview kita pilih saja yang Empty activity. Jika sudah klik Next.
 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

4. Selnjutnya, isi nama activity sesuai harapan mu, atau biarkan default. Lalu klik Next.
 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

5. Jika sudah, kini kita desain tampilan aplikasinya. Silahkan kau masukkan komponen berikut:
 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

6. Susun komponen tersebut seprti ini:
 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

10. Anda juga sanggup mendesain tamilan melalu koding caranya klik tab TEXT yang berada di bawah atau di saping DESIGN. Lalu ketikkan lah koding berikut:

7. Buatlah sebuah folder ( directory ) baru. caranya klik kanan pada folder app, kemudian pilih “new>>android resource directory”.
 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

8. Kemudian kau isi nama directory nya dengan nama “assets”. Lalu klik OK.
 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

9. Sekarag kau sanggup copy file/folder project website kau ke dalam directory assets tersebut. Cara copypaste nya seprti biasa saja. Kamu tinggal paste di folder assets tadi.
 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

10.  Sekarang kita beralih ke file .Java. pada file MainActivity.java kau tambahkan perintah seprti dibawah ini:
 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

11. Jika kurang jelas, berikut aku lampirkan script codingan nya. Note: usahakan di ketik manual biar ingat dan Jago atau kalau ingin copas, copy lah dengan Package nya sekalian biar tidak error.

15. Sekarang coba RUN kan Program anda, kalau sukses kesannya akan menyerupai ini:
 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

 Cara Menampilkan Website Localhost di Android Studio Cara Menampilkan Website Localhost di Android Studio

Bagaimana? Praktis bukan?. Sekarang kau sanggup membuat aplikasi web kau menjadi aplikasi android. Nah itu tadi sedikit tutorial dari saya, kalau ada kekurangan aku mohon maaf. dan kalau ada kesalahan silahkan komentar dibawah biar segera aku koreksi. Dan jangan lupa SHARE artikel ini kalau bermanfaat berdasarkan kalian, supaya lebih banyak lagi orang yang tau. Sekian dari saya. Terimakasih, Salam Bacacoding.


Sumber https://bacacoding.blogspot.com/