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)
- Project Name:
- 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/atauawal 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
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();
}
}
}
<?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>
<resources>
<style name="AppTheme" parent="android:Theme.NoTitleBar.Fullscreen" />
</resources>
<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>