跳到主要內容

新增功能

跟著教學走

這是 Electron 教學的第 4 部分。

  1. 先決條件
  2. 建立您的第一個應用程式
  3. 使用 Preload 腳本
  4. 新增功能
  5. 封裝您的應用程式
  6. 發布與更新

增加應用程式複雜度​

如果您一直跟著教學，您應該會有一個功能正常的 Electron 應用程式，並帶有一個靜態使用者介面。從這個起點開始，您通常可以朝兩個廣泛的方向發展您的應用程式

  1. 增加渲染器處理程序網頁應用程式程式碼的複雜度
  2. 更深入地整合作業系統和 Node.js

了解這兩個廣泛概念之間的區別非常重要。對於第一點，Electron 專屬的資源並非必要。在 Electron 中建立一個美觀的待辦事項清單，只是將您的 Electron BrowserWindow 指向一個美觀的待辦事項清單網頁應用程式。最終，您正在使用與在網頁上相同的工具（HTML、CSS、JavaScript）來建構渲染器的 UI。因此，Electron 的文件不會深入探討如何使用標準網頁工具。

另一方面，Electron 也提供了一套豐富的工具，讓您可以與桌面環境整合，從建立系統匣圖示到新增全域快速鍵，再到顯示原生選單。它還在主處理程序中為您提供了 Node.js 環境的所有強大功能。這組功能將 Electron 應用程式與在瀏覽器分頁中執行網站區分開來，並且是 Electron 文件重點所在。

操作範例​

Electron 的文件有許多教學課程，可協助您處理更進階的主題和更深入的作業系統整合。若要開始使用，請查看操作範例文件。

如果缺少任何內容，請告訴我們！

如果您找不到您要尋找的內容，請在 GitHub 或我們的 Discord 伺服器上告訴我們！

接下來是什麼？​

在接下來的教學中，我們將從應用程式程式碼轉移，並讓您了解如何將您的應用程式從開發人員機器交付到終端使用者手中。