Cara Membuat Aplikasi Web di Android Studio Menggunakan WebView

Halo semuanya. Bagaimana kabar kalian hari ini? Saya harap kalian semua selalu dalam keadaan yang baik-baik saja. Pada kesempatan kali ini, saya akan membagikan tutorial cara membuat aplikasi web di android studio meggunakan WebView.

WebView adalah widget yang bisa menampilkan website di aplikasi android. Class WebView adalah ekstensi class view adroid yang bisa membuat kalian menampilkan halaman web sebagai bagian dari layout kalian. Class ini tidak menyertakan fitur apapun dari browser web yang dikembangkan sepenuhnya, seperti kontrol navigasi atau kolom URL. Semua yang dilakukan WebView secara default adalah menampilkan halaman web.

Untuk itu, pada tutorial ini kalian akan belajar bagaimana cara membuat aplikasi web di Android Studio menggunakan widget WebView.

- Advertisement -

Tutorial Cara Membuat Aplikasi Web di Android Studio Menggunakan WebView

Buatlah projek android studio baru dengan informasi sebagai berikut:

Application Name:WebView App
Company Name:androidrion.com
Package Name:com.androidrion.webviewapp
Language:Java
Minimal SDK :API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml layout yang digunakan dalam projek ini:

  • activity_main.xml

Daftar file java activity yang digunakan dalam projek ini:

  • MainActivity.java

Berikut ini adalah langkah-langkah dalam pembuatan aplikasi WebView App.

XML Layout File

Buka file activity_main.xml lalu tambahkan widget WebView di dalam RelativeLayout. Tambahkan atribut id pada widget WebView serta buat layout_width dan layout_height menjadi match_parent. Berikut ini adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_centerInParent="true" />

</RelativeLayout>

Java Activity File

Buka file MainActivity.java lalu tambahkan kode di bawah ini agar widget WebView bisa memuat URL yang dimasukkan.

package com.androidrion.webviewapp;

import androidx.appcompat.app.AppCompatActivity;

import android.annotation.SuppressLint;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.webkit.WebResourceRequest;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {

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

        WebView myWeb = findViewById(R.id.webView);
        myWeb.setWebViewClient(new WebViewClient());
        myWeb.loadUrl("https://androidrion.com");
        WebSettings webSettings = myWeb.getSettings();
        webSettings.setJavaScriptEnabled(true);
    }

}

Pada loadUrl, kalian bisa mengubah dengan url situs yang ingin kalian tampilkan.

Manifest File

Buka file AndroidManifest.xml dalam folder manifests lalu tambahkan permission INTERNET. Berikut ini adalah kode lengkap untuk file AndroidManifest.xml

app/manifests/AndroidManifest.xml

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

    <uses-permission android:name="android.permission.INTERNET" />
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

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

</manifest>

Optional

Pada aplikasi ini saya ubah file styles.xml menjadi NoActionBar agar telihat rapi. Namun karena hilangnya toolbar, maka tidak terlihat apakah itu aplikasi atau browser. karena tampilannya sama seperti browser.

Run ‘app’

Sekarang jalankan projek android studio kalian. Setelah aplikasi dijalankan, maka aplikasi akan menampilkan halaman url website yang telah kita masukkan pada loadUrl. Jika kode di atas tidak terjadi masalah, maka aplikasi akan terlihat seperti pada gambar dibawah ini.

Tutorial Cara Membuat Aplikasi Web di Android Studio Menggunakan WebView

AKHIR KATA

Itulah tadi tutorial singkat dan mudah cara membuat aplikasi web di android studio menggunakan webview. Tutorial di atas sangatlah mudah dikerjakan karena tidak begitu banyak widget dan kode java yang digunakan untuk membuat aplikasi web android.

Jika kalian mengalami kendala dalam tutorial ini, silahkan komentar di bawah artikel ini yang telah disediakan. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga tutorial ini membantu kalian. Terima kasih.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.