Categories: Artikel

Merubah Web Menjadi Aplikasi Android Dengan Mudah

tutorial cara Merubah Web Menjadi Aplikasi Android dengan android studio dan Mengatasi Error Text Permitted

Menggunakan Android Studio untuk Merubah Web Menjadi Aplikasi Android Mungkin adalah metode mudah dan murah untuk mengubah situs web menjadi aplikasi Android? Jika demikian, izinkan saya meyakinkan Anda bahwa ini cukup sederhana, dan Anda menginginkan tampilan webview sama seperti di website anda.

Cukup ikuti langkah demi langkah, dan aplikasi Anda akan siap digunakan. Tampilan web adalah elemen yang dapat digunakan untuk ini; tambahkan ke file XML (tata letak) Anda dan implementasikan dengan beberapa baris kode Java.

Catatan Pastikan website anda responsive(mobile friendly).

Langkah 1: Buat proyek baru di Android Studio (File -> New -> Project -> Select Empty Activty -> Name project WebViewApp -> Finish )

Step 2: Kita akan meletakkan webview di activity_main.xml ( Open res -> layout -> activity_main.xml ) tuliskan code dibawah ini

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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="com.cambotutorial.webviewapp.MainActivity">
 <WebView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/webview"/>
</androidx.constraintlayout.widget.ConstraintLayout>

Langkah 3: Kita akan mengimplementasikan pada kelas Java. buka MainActivity.java ( src -> package -> MainActivity.java ) lalu tuliskan code berikut ini

package com.cambotutorial.webviewapp;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends AppCompatActivity

{
    private WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = findViewById(R.id.webview);
        webView.setWebViewClient(new WebViewClient());
        webView.getSettings().setJavaScriptEnabled(true);
        webView.loadUrl("https://ebay.com");
    }
}

setWebViewClient(new WebViewClient()); kita akan menambahkan ini untuk mencegah situs web meluncurkan browser setelah kita mengklik beberapa tautan yang dijalankan di luar aplikasi.

setJavaScriptEnabled(true); gunakan untuk mengaktifkan Javascript untuk dieksekusi, beberapa situs web diperlukan untuk merender UI.

note: webView.loadUrl(“https://ebay.com“); adalah link website anda jangan lupa merubah sesuai alamat website anda

Langkah 4: Di android untuk dapat mengakses internet kita harus menambahkan izin di AndroidManifest.xml. Buka app -> manifests -> AndroidManifest.xml

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

Langkah 5: Di browser setiap kali kita mengunjungi situs web dan mengklik tautan lain maka akan menambahkan riwayat. jadi sekarang kita akan menambahkan tombol untuk kembali ke riwayat situs web sebelumnya kecuali tidak ada riwayat lagi kita akan keluar dari aplikasi. Caranya buka MainActivity.java

@Override
public void onBackPressed()
{
    if(webView.canGoBack())
    {
      webView.goBack();
    }
    else
    {
      super.onBackPressed();
    }
}

Pada langkah ini, kita dapat mencoba menjalankan aplikasi dan kita dapat melihatnya berfungsi dengan baik.

Cara Mengatasi Error Text Permitted

Aplikasi webview yang kita buat diatas sudah benar, tetapi kita mungkin mendapatkan kesalahan jika kita menempatkan tautan yang dimulai dengan http:// bukan https:// kesalahan akan menampilkan pesan net::ERR_CLEARTEXT_NOT_PERMITTED. berikut ini cara mengatasinya

  • Di AndroidManifest.xml. Buka app -> manifes -> AndroidManifest.xml

kita masukkan nilai atribut dalam elemen aplikasi android:usesCleartextTraffic=”true”

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

    <application
        android:usesCleartextTraffic="true"
        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>

Setelah menambahkan baris di atas aplikasi dapat mengakses protokol apa pun dan tidak menghasilkan kesalahan.


Cara Merubah Web Menjadi Aplikasi Android diatas mungkin kedengarannya mudah tapi cara diatas masih banyak kekurangan dan jika anda ingin fitur lebih contohnya admob atau push notification. karena cara diatas hanya menampilkan webview yang sama persis dengan yang ada di web anda.

untuk mendapatkan fitur lengkap mulai dari custome icon, splash screen, push notification dan admob serta fitur lainnya yang kebanyakan ada di app android, anda harus memiliki skill coding yang cukup. untuk itu jika anda kesulitan membuat aplikasi android atau ingin merubah web anda menjadi aplikasi android dengan fitur lengkap, anda bisa memakai jasakoding. silahkan hubungi kami melalui menu kontak atau WA: 0812-1111-2231

    source: https://cambotutorial.com/article/android-convert-website-to-android-app-and-solve-error-text-permitted

    Leave a Comment

    Recent Posts

    Sourcecode Website Media Sosial

    Kali ini Jasakoding akan memperkenalkan sebuah sourcecode website media sosial yang fitur dan tampilannya mirip… Read More

    8 bulan ago

    Sourcecode Aplikasi Media Sosial Berbasis Android

    Kali ini Jasakoding akan memperkenalkan sebuah sourcecode aplikasi media sosial berbasis android. yang bisa anda… Read More

    10 bulan ago

    Sistem Informasi Pendataan Penduduk

    Sourcecode Sistem Informasi Pendataan Penduduk Desa Berbasis Website dan Android Penggunaan Sistem Informasi Pendataan Penduduk… Read More

    2 tahun ago

    Download Sourcecode Aplikasi Scan Barcode Berbasis Android

    Download Sorcecode Aplikasi scan barcode berbasis android yang mempunyai fitur scan barcode untuk transaksi apapun… Read More

    2 tahun ago

    Download Sourcecode Aplikasi Laundry VB6

    Download Sourcecode Aplikasi Laundry Menggunakan VB6 dan Database Mysql Sourcecode Aplikasi Laundry ini dibuat menggunakan… Read More

    4 tahun ago

    Sourcecode Website Marketplace 

    DOwnload Sourcecode website Marketplace  Download Sourcecode website Marketplace yang berguna untuk penyedia berjualan dan membeli… Read More

    5 tahun ago