Pake: Tool CLI Ini Membuat Aplikasi Desktop Berukuran 5MB

Bahasa IndonesiaالعربيةDeutschEnglishEspañolFrançaisहिन्दी日本語한국어PortuguêsРусский中文
BBetter Stack
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00Ini adalah Paik, alat baris perintah yang mengubah situs web apa pun menjadi aplikasi desktop
00:00:05asli dengan satu perintah. Alat ini dibuat dengan Rust, jadi aplikasi yang dihasilkannya bisa
00:00:10berukuran sekitar 5MB, yang sangat kecil dibandingkan dengan Electron, yang menyertakan salinan
00:00:15penuh Chrome di setiap aplikasinya. Anda bahkan bisa menyuntikkan CSS dan JavaScript khusus,
00:00:20memiliki ikon tray, dan mengubah gaya bilah judul, semuanya tanpa menulis satu baris pun kode
00:00:25Rust. Tapi mengapa saya harus menggunakan ini dibandingkan alat sejenis lainnya, dan mengapa
00:00:31Paik mewajibkan saya menginstal PNPM atau NPM jika alat ini dibuat dengan Rust? Saya agak tidak
00:00:40ingin tahu, tapi silakan subscribe dan mari kita cari tahu. Paik dibuat pada tahun 2022 oleh
00:00:45TW93, seorang product engineer dari Tiongkok, yang juga menciptakan Mole, alat optimasi Mac yang
00:00:49sangat populer, yang sebenarnya sudah lama saya gunakan. Namun ide untuk Paik sangat masuk akal,
00:00:55karena kalau dipikir-pikir, aplikasi seperti YouTube Music, Gmail, dan Instagram tidak memiliki
00:00:59aplikasi asli resminya sendiri. Mereka hanya ada di dalam tab browser, yang tidak masalah jika
00:01:04Anda menginginkan semua fungsi browser itu, tetapi jika Anda menginginkan situs web yang lebih
00:01:09berkinerja dengan ikon dock sendiri untuk alasan pemisahan, maka memiliki aplikasi mandiri untuk
00:01:14itu bisa sangat berguna. Di sinilah peran Paik, yang jauh lebih baik daripada Electron,
00:01:19karena dibangun di atas Tauri 2, yang memanfaatkan tampilan web asli sistem, membuat aplikasi
00:01:24menjadi lebih kecil, lebih cepat, dan menggunakan lebih sedikit memori, mirip dengan cara kerja
00:01:30Electro, Bun, atau ZeroNative dari Vercel,
00:01:35yang akan saya bahas lebih lanjut nanti di video ini. Namun kode khusus yang ditulis oleh TW93 di
00:01:40atas Tauri 2 berjumlah sekitar 1800 baris kode Rust dan menangani hal-hal seperti manajemen jendela,
00:01:45menu asli, dan penyuntikan JavaScript. Anda cukup menjalankan satu perintah dan Paik akan mengurus
00:01:50semuanya. Faktanya,
00:01:55mari kita coba gunakan Paik untuk mengubah proyek emulasi film saya menjadi aplikasi mandiri. Jadi
00:02:00setelah menginstal CLI Paik, Anda akan melihat tampilannya sangat mirip dengan Mole jika Anda
00:02:05pernah menggunakan Mole, dan tidak memiliki banyak flag, yang menurut saya adalah hal yang baik.
00:02:10Jadi dengan server proyek saya berjalan, saya dapat menjalankan Paik dengan URL dan nama yang
00:02:14ingin saya berikan untuk aplikasi tersebut. Jadi sekarang jika saya menekan enter, ia akan mengambil
00:02:19ikonnya dan menjalankan proses pembuatan aplikasi, yang bisa memakan waktu sekitar lima hingga 10
00:02:24menit. Dan setelah selesai, ia akan membuat
00:02:30file DMG ini, yang bisa kita temukan di sini dengan ukuran 4,3 megabita. Dan jika Anda
00:02:35mengkliknya, ini dia aplikasi kita, yang bisa kita instal dengan menyeretnya ke folder aplikasi.
00:02:40Sekarang sepertinya ikonnya tidak muncul, tapi itu tidak masalah. Dan sekarang jika kita membuka
00:02:46aplikasi kita,
00:02:51kita bisa melihatnya langsung berfungsi dengan ikon di dock. Saya bisa memilih video dan semuanya
00:02:56terlihat berfungsi dengan baik. Dan jika
00:03:01kita melihat monitor aktivitas, kita dapat melihat aplikasi kita hanya menggunakan 61 megabita
00:03:06memori dibandingkan dengan browser ARC, yang menggunakan banyak sekali memori. Dan jika kita melihat
00:03:12ukuran aplikasinya, itu adalah 55 megabita dibandingkan dengan aplikasi Electron seperti Slack, yang
00:03:17berukuran 310 megabita. Namun seperti yang Anda lihat sebelumnya, Paik memiliki beberapa opsi yang
00:03:23cukup menarik. Sebagai contoh, saya dapat membangun aplikasi yang sama dengan flag debug untuk
00:03:28memberi saya akses ke alat pengembang. Dan saya bisa mengedit bilah status agar terasa lebih seperti
00:03:33aplikasi dengan menggunakan flag hide title bar, yang memberikan bilah judul tanpa bingkai. Namun
00:03:38aplikasi ini jelas tidak dirancang untuk tanpa bingkai. Tapi untungnya, Paik memberi kita opsi
00:03:42untuk memperbaikinya tanpa mengedit kode sumber aplikasi. Saya bisa menulis beberapa CSS khusus dan
00:03:48menyuntikkannya ke aplikasi saya menggunakan flag inject, yang telah menambahkan padding ke atas,
00:03:53tetapi juga berarti ada lebih banyak ruang di bagian bawah untuk digulir. Kita dapat
00:04:00menggunakan flag show system tray, yang menampilkan ikon di system tray, memungkinkan kita untuk
00:04:05menampilkan dan menyembunyikan aplikasi kita. Dan kita bahkan bisa menyuntikkan JavaScript serta CSS.
00:04:11Namun saat ini, sepertinya Anda tidak bisa mengedit item menu yang diberikan secara default oleh
00:04:15Paik. Dan Paik hanya bekerja dengan URL yang sedang berjalan. Jadi jika saya mematikan server saya
00:04:20dan kemudian mencoba membuka aplikasinya, itu hanya menunjukkan layar kosong. Tapi sejujurnya, Paik
00:04:25tidak dirancang untuk aplikasi lokal. Saya sebenarnya menguji aplikasi musik YouTube, yang berfungsi
00:04:31sangat baik dari menjalankan satu perintah. Dan itu bahkan berfungsi offline karena begitulah cara kerja situs musik YouTube. Jadi saya telah menggunakannya sebagai pemutar musik utama saya,
00:04:36tetapi pada dasarnya ini bukan alat untuk aplikasi desktop yang Anda miliki sendiri karena Paik membungkus URL langsung dan tidak memaketkan kode Anda kecuali Anda menggunakan opsi use local file, yang baru saya ketahui setelah membuat video ini. Saya juga tidak akan mengatakan alat ini dibuat dengan sangat baik. Dengarkan saya. Jadi saya menginstal Paik menggunakan BUN alih-alih PNPM atau NPM, tetapi alat ini memerlukan salah satunya secara internal untuk menyiapkan build Tauri. Dan PNPM saya lebih baru daripada versi PNPM yang diperlukan, yang berarti alat ini menolak untuk membangun dan menginstal aplikasi yang saya inginkan. Jadi saya harus menggunakan Claude code untuk mengedit kode sumber Paik hanya agar bisa berfungsi. Saya akhirnya menemukan masalahnya, tetapi ini semua bisa diselesaikan jika Paik dikirimkan dengan biner terkompilasi, yang merupakan keuntungan menggunakan sesuatu seperti ElectroBUN atau ZeroNative, karena ElectroBUN memberi Anda runtime BUN yang nyata di balik tampilan web, yang berarti Anda dapat menjalankan logika backend dan ZeroNative melangkah lebih jauh, memberi Anda shell zig penuh yang dapat memanggil pustaka C secara langsung. Jadi Paik adalah cara tercepat untuk membungkus situs web langsung, tetapi jika Anda membutuhkan lebih dari itu, yang terbaik adalah beralih ke alat lain.

Key Takeaway

Paik menyediakan cara tercepat untuk mengubah situs web menjadi aplikasi desktop asli berukuran sekitar 5 MB yang hemat memori dengan memanfaatkan teknologi Tauri 2.

Highlights

  • Paik menggunakan Tauri 2 untuk membungkus situs web menjadi aplikasi desktop asli dengan ukuran file sekitar 4,3 MB.

  • Aplikasi yang dihasilkan Paik menggunakan memori jauh lebih sedikit, seperti 61 MB dibandingkan dengan penggunaan memori browser ARC yang jauh lebih besar.

  • Proses pembuatan aplikasi memerlukan satu perintah CLI sederhana tanpa harus menulis kode Rust.

  • Pengguna dapat menyuntikkan CSS dan JavaScript khusus menggunakan flag --inject untuk menyesuaikan tampilan aplikasi.

  • Paik memiliki fitur system tray dan opsi untuk menyembunyikan bilah judul aplikasi agar tampilan lebih menyerupai aplikasi asli.

  • Alat ini membutuhkan instalasi PNPM atau NPM secara internal untuk menangani proses build Tauri.

Timeline

Konsep dan Keunggulan Paik

  • Paik mengubah situs web menjadi aplikasi desktop asli menggunakan satu perintah.
  • Teknologi di balik Paik adalah Tauri 2, bukan Electron, yang memungkinkan aplikasi menjadi lebih kecil dan ringan.
  • Pengguna tidak perlu menulis kode Rust untuk menghasilkan aplikasi desktop.

Paik dibuat dengan bahasa pemrograman Rust dan berfokus pada efisiensi dengan menghindari beban penuh salinan Chrome seperti pada Electron. Pengguna dapat menambahkan fungsionalitas seperti CSS khusus, JavaScript, ikon tray, dan modifikasi bilah judul tanpa menyentuh kode sumber Rust. Alat ini sangat berguna bagi layanan web yang tidak memiliki aplikasi desktop resmi agar dapat dipisahkan dari tab browser.

Praktik Penggunaan dan Perbandingan Kinerja

  • Aplikasi yang dihasilkan Paik memiliki ukuran file instalasi sebesar 4,3 MB.
  • Konsumsi memori aplikasi Paik tercatat sebesar 61 MB, jauh lebih rendah dibanding aplikasi berbasis Electron seperti Slack yang mencapai 310 MB.
  • Proses build aplikasi memakan waktu sekitar lima hingga 10 menit.

Dalam pengujian nyata, Paik berhasil membuat aplikasi mandiri dengan ikon dock yang berfungsi sebagaimana mestinya. Perbandingan kinerja menunjukkan perbedaan drastis dalam penggunaan memori sistem antara aplikasi yang dibungkus Paik dengan browser atau aplikasi berbasis Electron. Pengguna hanya perlu menjalankan perintah dengan menyertakan URL target untuk memulai proses pembuatan aplikasi.

Opsi Penyesuaian dan Keterbatasan Teknis

  • Berbagai flag tersedia seperti --debug untuk alat pengembang dan --inject untuk menyisipkan CSS atau JavaScript.
  • Paik membungkus URL secara langsung dan membutuhkan server web aktif agar aplikasi dapat berfungsi.
  • Alat ini memiliki ketergantungan pada versi spesifik PNPM atau NPM yang terkadang menyebabkan masalah build pada sistem tertentu.

Pengguna dapat mengelola tampilan tanpa bingkai dan menyisipkan skrip khusus untuk memperbaiki antarmuka web yang tidak dirancang untuk desktop. Meskipun sangat cepat, Paik memiliki batasan karena tidak dirancang untuk aplikasi lokal mandiri kecuali menggunakan opsi file lokal. Alat ini lebih direkomendasikan sebagai pembungkus situs web langsung dibandingkan untuk pengembangan aplikasi desktop yang kompleks.

Community Posts

No posts yet. Be the first to write about this video!

Write about this video