Coding Code dasar buat aplikasi webview dengan android studio

0 • menit membaca

Daftar Isi

Source Code dasar buat aplikasi webview dengan android studio

WebView secara sederhana adalah sebuah "jendela" atau browser mini yang ditanamkan di dalam aplikasi mobile (Android atau iOS) untuk menampilkan konten web (HTML, CSS, JavaScript) tanpa harus keluar dari aplikasi tersebut.

Kita bisa merubah website yang dikelola, menyediakan aplikasi khusus untuk aksesnya, untuk membuat webview ini sebenarnya sederhana disini kami coba upayakan untuk memberikan code dasar webview.

Untuk membuat code ini kita menggunakan aplikasi android studio dengan bahasa java yang mudah dimengerti bahkan jika kamu bukanlah seorang programer sekalipun, yang terpenting dalam pembuatan aplikasi ini harus memiliki koneksi internet yang memadai.

Berikut langkah langkahnya:

1.Buat New Projek " contoh minibrowser"

Silahkan gunakan aplikasi android studio terbaru, untuk memulai buat terlebih dahulu projek barunya, kurang lebih seperti ini.

new projek

setelah dibuat kita langusng coding ke bagian android manifestnya dengan rincian kode sebagai berikut:

2. Android Manifest

AndroidManifest.xml (atau sering disebut Android Manifest) adalah file konfigurasi paling krusial dalam setiap proyek aplikasi Android. File ini berada di akar (root) dari paket aplikasi dan berfungsi sebagai "surat izin" serta "peta panduan" bagi sistem operasi Android untuk memahami cara menjalankan aplikasi tersebut.

Tanpa file ini, sistem operasi Android tidak akan tahu komponen apa saja yang dimiliki aplikasi Anda atau izin apa saja yang dibutuhkan.

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

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

    <application
        android:allowBackup="true"
        android:dataExtractionRules="@xml/data_extraction_rules"
        android:fullBackupContent="@xml/backup_rules"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.Minibrowser">
        <activity
            android:name=".MainActivity"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".WebViewActivity" />
    </application>

</manifest>

3. MainActivity

Di Android Studio (dan pengembangan aplikasi Android secara umum), MainActivity adalah kelas utama (Java atau Kotlin) yang berfungsi sebagai pintu masuk (entry point) dan pengatur tampilan utama saat pengguna membuka aplikasi Anda.

package com.minibrowser;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        button = (Button) findViewById(R.id.buttonUrl);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(MainActivity.this, WebViewActivity.class);
                startActivity(intent);
            }
        });
    }
}

4. WebViewActivity

Secara umum, WebViewActivity berfungsi untuk menampilkan halaman web (URL) atau konten HTML langsung di dalam aplikasi Android, tanpa perlu melempar (redirect) pengguna keluar ke aplikasi browser eksternal seperti Google Chrome.

package com.minibrowser;
import android.app.Activity;

import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class WebViewActivity extends Activity {

    private WebView webView;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        webView = (WebView) findViewById(R.id.webView1);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.setWebViewClient(new WebViewClient());
        webView.loadUrl("https://www.google.com");
    }
}

5.activity_main.xml

adalah berkas tata letak (layout) utama yang berfungsi untuk menentukan tampilan visual (antarmuka/UI) dari halaman pertama yang dilihat pengguna saat membuka aplikasi Android.

Jika kelas MainActivity.java (atau .kt) bertindak sebagai "otak" yang mengendalikan logika dan alur kerja aplikasi, maka activity_main.xml adalah "wajah" atau desain fisik aplikasi tersebut.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/buttonUrl"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Go to http://www.google.com" />


    <WebView
        android:id="@+id/webView1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        />

</LinearLayout>

Analoginya

activity_main.xml: Seperti desain fisik dan dasbor mobil (kemudi, tombol AC, layar instrumen, warna interior).
MainActivity.java: Seperti mesin dan sistem kabel mobil (apa yang terjadi saat tombol AC ditekan, atau bagaimana mesin merespons saat pedal gas diinjak).

Kesimpulan

Untuk membangun aplikasi WebView sederhana, Anda hanya membutuhkan 3 berkas utama:

[AndroidManifest.xml] ---> Memberi Izin Akses Internet │ [activity_main.xml] ---> Menyiapkan Komponen UI <WebView> │ [MainActivity.java] ---> Menjalankan Logika & Memuat URL

penulis
javasetid.com

Javasetid