Lewati ke konten
Wails Blog

Tutorial

Tutorial langkah demi langkah yang mengajarkan konsep Wails dengan membangun aplikasi lengkap. Setiap tutorial mencakup kode yang berfungsi, penjelasan, dan pola praktis.

Layanan QR Code

Section titled “Layanan QR Code”
Contoh QR Code

Pelajari dasar-dasar layanan Wails dengan membangun generator QR code. Tutorial ini memperkenalkan konsep inti mengorganisasi logika aplikasi ke dalam layanan yang dapat digunakan kembali.

Yang akan Anda pelajari:

  • Cara membuat dan menyusun layanan Wails
  • Mengelola dependensi Go eksternal
  • Mengikat metode Go ke frontend Anda
  • Meneruskan data antara Go dan JavaScript
  • Mengorganisasi kode agar mudah dirawat

Cocok untuk: Pengguna Wails pertama kali yang ingin memahami arsitektur layanan

Daftar TODO

Section titled “Daftar TODO”
Aplikasi Daftar TODO

Bangun aplikasi daftar TODO lengkap dengan antarmuka modern yang indah. Tutorial praktis ini mengajarkan pola inti Wails melalui aplikasi nyata menggunakan vanilla JavaScript.

Yang akan Anda pelajari:

  • Arsitektur berbasis layanan dengan manajemen state thread-safe
  • Operasi CRUD (Create, Read, Update, Delete)
  • Binding type-safe antara Go dan JavaScript
  • Membangun UI modern tanpa kompleksitas framework
  • Pola penanganan error dan validasi yang tepat

Waktu penyelesaian: ~20 menit

Cocok untuk: Aplikasi Wails lengkap pertama Anda — sempurna untuk memahami dasar-dasar sebelum menambah kompleksitas framework

Catatan

Section titled “Catatan”
Aplikasi Catatan

Bangun aplikasi bergaya Apple Notes dengan dialog file native dan fungsi auto-save. Tutorial ini mendemonstrasikan fitur khusus desktop seperti operasi file, dialog native, dan pola UI profesional.

Yang akan Anda pelajari:

  • Dialog file native (Save, Open, Info)
  • Persistensi data berbasis JSON
  • Pola auto-save dengan debounce
  • Tata letak desktop dua kolom yang profesional
  • Bekerja dengan operasi sistem file di Go

Waktu penyelesaian: ~30 menit

Cocok untuk: Mempelajari fitur khusus desktop seperti operasi file dan dialog OS native

Aplikasi Wails dengan Self-Update

Section titled “Aplikasi Wails dengan Self-Update”

Tambahkan self-update dalam aplikasi ke aplikasi Wails, dari wails3 init baru hingga verifikasi rilis yang ditandatangani dan pertukaran biner mode helper. Menggunakan GitHub Releases sebagai sumber update.

Yang akan Anda pelajari:

  • Cara app.Updater terintegrasi ke aplikasi Wails
  • Mengonfigurasi provider GitHub Releases
  • Menerbitkan rilis dengan SHA256SUMS untuk verifikasi digest
  • Menambahkan penandatanganan Ed25519 untuk ketahanan terhadap perubahan
  • Menyesuaikan jendela default via CSS, HTML kustom, atau BYO
  • Pengecekan latar belakang berkala dengan CheckInterval

Waktu penyelesaian: ~25 menit

Cocok untuk: Mengirim aplikasi desktop yang dapat diperbarui — mencakup pipeline rilis lengkap, bukan hanya API