Contoh Script Java Membuat Aplikasi Web View di Android Studio

Contoh Script Java Membuat Aplikasi Web View di Android Studio - artikel kali ini membahas tentang script java dalam membuat aplikasi web view di android studio. aplikasi web view ini berbasis android, untuk iOS mungkin akan dirilis di artikel selanjutnya. Aplikasi Web View dengan Android Studio ini sangat simple dan mudah di terapkan terutama jika kamu yang ingin menampilkan  web yang berada di localhost ke aplikasi webview.

Membuat Aplikasi Web View di Android Studio

Dalam Hal ini, kita sudah menyiapkan Web atau situs/url yang akan kita tampilkan dalam aplikasi Web View yang akan kita bangun melalui Android Studio.

Memulai Project Baru di Android Studio

untuk memulai dalam membuat aplikasi web view berbasis android ini, kita buka android studionya, dan createa project/aplikasi baru, perhatika seperti gambar berikut dibawah ini.

Gambar Membuat Project Baru Web View

Perhatikan seperti yang di gambar diatas, kita gunakan saja Empty Activity untuk membangun Aplikasi Web View ini melalui android studio agar benar-benar kita mulai dari Nol. setelah beri nama projectnya seperti contoh dibawah ini.

Gambar Memberi Nama Project Web View

seperti pada contoh diatas saya beri nama projectnya adalah Web_Viewku (ini optional). pastikan pada "Language" adalah Java dna bukan Kotlin. maka akan terbentuk project baru. 

Script Web View di Android Studio Dengan Java

sekarang kita mulai membuat script webview di android studio, pertama kita ke bagian Activity_main.xml

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">

    <WebView

        android:id="@+id/web_view"

        android:layout_width="match_parent"

        android:layout_height="match_parent" />

</LinearLayout>

nah, ganti script yang ada pada activity_main.xml dengan scrpit seperti yang diatas, sehingga akan tampilannya seperti berikut ini.

Gambar Layout Gambar Manifest Aplikasi Web View Android Studio

Kemudian kita beralih pada bagian MainActivity, yang mana disinilah script utama Web View di tempatkan. buka, dan sesuaikan dengan script dibawah ini.

MainActivity.Java

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

import android.webkit.WebView;

import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        WebView web = (WebView) findViewById(R.id.web_view);

        web.getSettings().setJavaScriptEnabled(true);

        web.loadUrl("http://192.168.100.70/webview/index.php");

        web.setWebViewClient(new WebViewClient());

            }

        }

setelah kamu menyesuaikannya, hasilnya akan seperti gambar berikut ini.

Gambar MainActivity Gambar Manifest Aplikasi Web View Android Studio

perhatikan pada kotak merah, pada bari ke empat, terdapat "loadurl", nah ini url dari web yang akan kita tampilkan pada aplikasi web view nantinya. sebagai contoh disini saya menyimpan aplikasi web saya di localhost, dan 192.168.100.70 adalah alamat IP komputer saya. dan "webview" adalah folder yang berada pada htdocs di xampp. 

sehingga kamu perlu menyesuaikan dengan IP laptop atau komputer kamu, dan nama folder tempat web kamu disimpan dalam localhost. atau URL ini bisa berisi alamat web Public kamu scara langsung. misal : web.loadUrl("https://www.anakit.id");

selanjutnya kita beralih ke manifest, dan tambahkan komponen seperti berikut ini.

 <uses-permission android:name="android.permission.INTERNET" />

sehingga hasil akhirnya adalah seperti berikut ini

Gambar Manifest Aplikasi Web View Android Studio

sampai disini kita telah menyelesaikan Aplikasi Web View di Android Studio ini, sekarang pastikan Xampp kamu hidup jika memang ingin menampilkan web dari localhost ke app web view. kemudian konekkan dengan Emulator atau perangkat android kamu untuk segera melakukan Run Aplikasi Web View yang bari saja kamu buat.. semoga berhasil..