Contoh Script Java Membuat Aplikasi Web View di Android Studio

Aplikasi Web View dengan 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.

Aplikasi Web View dengan Android Studio
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.

Aplikasi Web View dengan Android Studio
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.

Aplikasi Web View dengan Android Studio
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.

Aplikasi Web View dengan Android Studio
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

Aplikasi Web View dengan Android Studio
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..



No comments for "Contoh Script Java Membuat Aplikasi Web View di Android Studio"