Tutorial membuat APK dari URL blog dengan AIDE

Tutorial Lengkap: Cara Membuat APK dari URL Website Menggunakan AIDE

Pendahuluan

Dengan AIDE (Android IDE), Anda bisa membuat aplikasi Android langsung dari HP tanpa komputer. Tutorial ini menuntun pembaca untuk membuat aplikasi sederhana yang menampilkan website/blog menggunakan WebView.

Langkah 1: Instalasi AIDE

• Buka Google Play Store.
• Cari AIDE – Android IDE → instal.
• Buka AIDE setelah terinstal.

Langkah 2: Membuat Project Baru

• Buka AIDE → pilih Create New Project → New Android App → Empty Activity.

• Isi informasi project:
  • Project Name: NamaAplikasi
  • Package Name: com.namablog.app
  • Minimum SDK: API 21 (Android 5.0 Lollipop)
  • contoh nama aplikasi: contohapk
  • Package Name: com.contoh.apk
  • Minimum SDK: API 21 (Android 5.0 Lollipop)
  
• Klik Create → AIDE akan membuat struktur project otomatis.

Langkah 3: Menambahkan Layout WebView

Buka file res/layout/activity_main.xml dan ganti isinya dengan:

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

    <WebView
        android:id="@+id/webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
</LinearLayout>

Langkah 4: Mengatur MainActivity

Buka src/com/contoh/apk/MainActivity.java dan ganti isinya dengan:

package com.contoh.apk;

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

import androidx.appcompat.app.AppCompatActivity;

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);

        // Aktifkan JavaScript
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);

        // Load URL website
        webView.loadUrl("https://alamatwebsiteanda.com");

        // Supaya link tetap terbuka di WebView, bukan browser
        webView.setWebViewClient(new WebViewClient());
    }

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

Catatan: Ganti https://alamatwebsiteanda.com dengan URL website Anda.

Langkah 5: Tambahkan Izin Internet

Buka file AndroidManifest.xml dan tambahkan:

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

Langkah 6: Menambahkan Icon dan Nama Aplikasi

• Ganti icon di res/mipmap/ dengan file icon Anda.
• Ubah nama aplikasi di AndroidManifest.xml:

  <application
      android:label="NamaAplikasi"
      android:icon="@mipmap/ic_launcher">

Langkah 7: Build APK

• Di AIDE, buka menu titik 3 di sudut kanan atas,pilih project → pilih punlish project.
• Jika belum punya key, buat baru dengan klik Create new key.
• Pilih key yang sudah dibuat → klik Build APK/ok.
• APK akan tersimpan di folder appProject → biasanya di bin/ atau awal folder/.

Langkah 8: Install dan Tes Aplikasi

• Salin APK ke folder HP jika perlu.
• Aktifkan Install from Unknown Sources di pengaturan Android.
• Buka APK → aplikasi akan menampilkan website yang telah di rubah menjadi webview di AIDE.
• Cek semua link berjalan dengan benar di WebView.

Tips Tambahan

• Bisa menambahkan Splash Screen untuk tampilan lebih profesional.
• Tambahkan pull-to-refresh agar WebView lebih interaktif.
• Tambahkan ProgressBar saat loading website.
• bahasan selanjutnya nanti

catatan: jika kode di stas terdapat error, berarti sistem android anda masih di versi 5-7 karena ini support dari android versi 8 ke atas..
tapi jangan berkecil hati untuk yg masih menggunakan versi 7 kebawah, berikut ini saya buatkan kode kodenya juga.
project dimulai dari nol dengan nama serlok app,,package name com.serlok.app dan tanpa AppCompat supaya dijamin tidak error di AIDE dn bisa di pakai di android versi 7 ke bawah. --- 1. MainActivity.java src/com/serlok/app/MainActivity.java

package com.serlok.app;

import android.app.Activity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity {
    private WebView webView;

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

        webView = (WebView) findViewById(R.id.webview);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);

        // Buka URL Blog
        webView.setWebViewClient(new WebViewClient());
        webView.loadUrl("https://serlok-app.blogspot.com");
    }

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

--- 2. activity_main.xml res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical"

    android:layout_width="match_parent"

    android:layout_height="match_parent">

    <WebView

        android:id="@+id/webview"

        android:layout_width="match_parent"

        android:layout_height="match_parent"/>

</LinearLayout>

--- 3. styles.xml res/values/styles.xml

<resources>
    <style name="AppTheme" parent="android:Theme.NoTitleBar.Fullscreen" />
</resources>

--- 4. AndroidManifest.xml

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.serlok.app">

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

    <application

        android:theme="@style/AppTheme"

        android:allowBackup="true"

        android:label="serlok app">

        

        <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>

--- ✅ Kalau ini diikuti persis di AIDE: 1. Buat New Android App → isi package com.serlok.app. 2. Ganti semua file sesuai di atas. 3. Tekan Run ▶. 4. APK akan langsung buka serlok-app.blogspot.com tanpa error AppCompat.

jika kesulitan copy paste, berkut saya sudah sediakan link script ny

• 1.AndroidManifest.xml
• styles.xml
• MainActivity.java
• activity_main.xml

<