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..
No comments for "Contoh Script Java Membuat Aplikasi Web View di Android Studio"
Post a Comment