Pembangunan Aplikasi Desktop Electron · Pelajaran

Pembungkusan Rentas Platform

Kuasai pilihan dan konfigurasi pembungkusan lanjutan menggunakan `electron-builder` untuk pengedaran rentas platform yang kukuh.

Pelajaran 1 daripada 412 langkah

Pembungkusan Rentas Platform ialah pelajaran Pembangunan Aplikasi Desktop Electron percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Pembangunan Aplikasi Desktop Electron, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Pembangunan Aplikasi Desktop Electron merangkumi sejumlah 4 pelajaran.

Apakah Pembungkusan Rentas Platform?

Apabila anda membina aplikasi Electron, anda mencipta aplikasi desktop menggunakan teknologi web. Untuk mengedarkan aplikasi ini kepada pengguna, anda perlu membungkusnya sebagai fail boleh laku atau pemasang yang khusus untuk sistem pengendalian mereka.

Pembungkusan rentas platform bermaksud mencipta fail pengedaran ini untuk Windows, macOS dan Linux daripada satu pangkalan kod. Ini memastikan aplikasi anda boleh digunakan oleh khalayak yang luas tanpa mengira OS pilihan mereka.

Memperkenalkan electron-builder

electron-builder ialah penyelesaian utama untuk membungkus dan mengedarkan aplikasi Electron. Ia ialah alat yang berkuasa dan fleksibel yang mengautomatikkan sebahagian besar proses yang rumit.

Menjana pemasang: Mencipta `.exe`, `.dmg`, `.deb`, `.AppImage` dan banyak lagi.
Penandatanganan kod: Mengendalikan penandatanganan untuk keselamatan dan kepercayaan.
Kemas kini automatik: Bersepadu dengan mekanisme kemas kini automatik.
Konfigurasi fleksibel: Sangat boleh disesuaikan melalui fail package.json atau konfigurasi luaran.

Persediaan Asas electron-builder

Untuk bermula, pasang electron-builder sebagai kebergantungan pembangunan dan tambahkan skrip "build" pada package.json anda. Skrip ini biasanya merujuk kepada perintah electron-builder.

Berikut ialah persediaan asas:

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-builder"
  },
  "devDependencies": {
    "electron": "^28.0.0",
    "electron-builder": "^24.0.0"
  },
  "build": {
    "appId": "com.yourapp.id"
  }
}

Memahami "appId"

appId (ID Aplikasi) ialah pengecam penting untuk aplikasi anda. Ia ialah rentetan unik, yang selalunya menggunakan format nama domain terbalik (contohnya, com.yourcompany.yourappname).

Keunikan: Membantu sistem pengendalian mengenal pasti aplikasi anda.
Kemas kini: Penting untuk membezakan aplikasi anda semasa kemas kini.
Penyimpanan data: Digunakan oleh OS untuk data khusus aplikasi.

Sentiasa gunakan appId yang unik untuk aplikasi anda.

Konfigurasi Khusus Windows

Untuk Windows, electron-builder boleh menjana pelbagai jenis pemasang. Yang paling biasa ialah NSIS (Nullsoft Scriptable Install System) dan Squirrel.Windows.

NSIS: Mencipta pemasang `.exe` tradisional dengan lebih banyak pilihan penyesuaian.
Squirrel.Windows: Menyediakan kemas kini automatik yang mudah dan pengalaman pemasangan yang lebih ringkas.

Anda boleh menentukan tetapan khusus Windows di bawah kunci "win" dalam konfigurasi "build" anda.

Contoh Konfigurasi Windows

Begini cara anda boleh mengkonfigurasi `electron-builder` untuk Windows dengan menetapkan sasaran dan ikon:

{
  "name": "my-electron-app",
  "build": {
    "appId": "com.yourapp.id",
    "win": {
      "target": [
        "nsis",
        "squirrel"
      ],
      "icon": "build/icon.ico"
    }
  }
}

Konfigurasi Khusus macOS

Pada macOS, format pengedaran utama ialah DMG (Imej Cakera) dan PKG (Pakej Pemasang). `electron-builder` mengendalikan perkara khusus untuk format ini.

DMG: Cara paling biasa untuk mengedarkan aplikasi macOS, yang membolehkan pemasangan seret dan lepas.
PKG: Pakej pemasang tradisional, sesuai untuk pemasangan yang lebih rumit atau pengedaran perusahaan.

Tetapan macOS yang penting termasuk category dan bundleId (yang sepatutnya sepadan dengan appId anda).

Contoh Konfigurasi macOS

Cebisan ini menunjukkan tetapan khusus macOS, termasuk sasaran, ID himpunan dan kategori aplikasi:

{
  "name": "my-electron-app",
  "build": {
    "appId": "com.yourapp.id",
    "mac": {
      "target": [
        "dmg",
        "pkg"
      ],
      "category": "public.app-category.developer-tools",
      "bundleId": "com.yourapp.id",
      "icon": "build/icon.icns"
    }
  }
}

Konfigurasi Khusus Linux

Linux mempunyai pelbagai format pakej. electron-builder menyokong format popular seperti AppImage, deb dan rpm.

AppImage: Format universal yang boleh dijalankan pada kebanyakan pengedaran Linux tanpa pemasangan.
deb: Untuk sistem berasaskan Debian (Ubuntu, Debian).
rpm: Untuk sistem berasaskan Red Hat (Fedora, CentOS).

Sama seperti pada macOS, anda biasanya akan menentukan category untuk aplikasi anda.

Contoh Konfigurasi Linux

Berikut ialah contoh konfigurasi untuk Linux dengan menyasarkan format yang berbeza dan menetapkan ikon:

{
  "name": "my-electron-app",
  "build": {
    "appId": "com.yourapp.id",
    "linux": {
      "target": [
        "AppImage",
        "deb",
        "rpm"
      ],
      "category": "Development",
      "icon": "build/icon.png"
    }
  }
}

Uji Pengetahuan Pembungkusan Anda

Padankan kunci konfigurasi sasaran `electron-builder` dengan sistem pengendalian utamanya.

Jawab dalam pelajaran interaktif

Imbas Kembali & Langkah Seterusnya

Syabas! Anda telah mempelajari asas pembungkusan rentas platform dengan electron-builder.

Kami meneroka cara electron-builder memudahkan penciptaan pemasang untuk Windows, macOS dan Linux.
Anda telah melihat cara mengkonfigurasi tetapan khusus platform secara terus dalam package.json.
Memahami appId dan pelbagai sasaran pemasang (NSIS, DMG, AppImage) ialah kunci kepada pengedaran yang berjaya.

Seterusnya, anda akan mempelajari tentang penandatanganan kod dan notarisasi, iaitu langkah penting untuk memastikan aplikasi anda dipercayai oleh pengguna dan sistem pengendalian.

Percuma untuk bermula

Pelajari JavaScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 12
Pelajaran: 47

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Pembungkusan Rentas Platform” percuma?

Ya — teks penuh “Pembungkusan Rentas Platform” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Pembangunan Aplikasi Desktop Electron, tingkat taraf kepada CoddyKit PRO. Kursus Pembangunan Aplikasi Desktop Electron merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Pembungkusan Rentas Platform”?

Kuasai pilihan dan konfigurasi pembungkusan lanjutan menggunakan `electron-builder` untuk pengedaran rentas platform yang kukuh. Anda berlatih Pembangunan Aplikasi Desktop Electron menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Pembangunan Aplikasi Desktop Electron?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Pembangunan Aplikasi Desktop Electron di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.

Berapa lamakah pelajaran “Pembungkusan Rentas Platform” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Pembangunan Aplikasi Desktop Electron ini?

Ya. Setiap pelajaran Pembangunan Aplikasi Desktop Electron menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

← Kembali ke Pembangunan Aplikasi Desktop Electron