Electron 應(yīng)用部署

2020-08-21 11:54 更新

為了使用 Electron 部署你的應(yīng)用程序,你存放應(yīng)用程序的文件夾需要叫做 app 并且需要放在 Electron 的資源文件夾下(在 OS X 中是指 Electron.app/Contents/Resources/,在 Linux 和 Windows 中是指 resources/)就像這樣:

在 OS X 中:

electron/Electron.app/Contents/Resources/app/
├── package.json
├── main.js
└── index.html

在 Windows 和 Linux 中:

electron/resources/app
├── package.json
├── main.js
└── index.html

然后運行 Electron.app (或者 Linux 中的 electron,Windows 中的 electron.exe),接著 Electron 就會以你的應(yīng)用程序的方式啟動。electron 文件夾將被部署并可以分發(fā)給最終的使用者。

將你的應(yīng)用程序打包成一個文件

除了通過拷貝所有的資源文件來分發(fā)你的應(yīng)用程序之外,你可以可以通過打包你的應(yīng)用程序為一個 asar 庫文件以避免暴露你的源代碼。

為了使用一個 asar 庫文件代替 app 文件夾,你需要修改這個庫文件的名字為 app.asar ,然后將其放到 Electron 的資源文件夾下,然后 Electron 就會試圖讀取這個庫文件并從中啟動。如下所示:

在 OS X 中:

electron/Electron.app/Contents/Resources/
└── app.asar

在 Windows 和 Linux 中:

electron/resources/
└── app.asar

更多的細節(jié)請見 Application packaging.

更換名稱與下載二進制文件

在使用 Electron 打包你的應(yīng)用程序之后,你可能需要在分發(fā)給用戶之前修改打包的名字。

Windows

你可以將 electron.exe 改成任意你喜歡的名字,然后可以使用像 rcedit 編輯它的 icon 和其他信息。

OS X

你可以將 Electron.app 改成任意你喜歡的名字,然后你也需要修改這些文件中的CFBundleDisplayName, CFBundleIdentifier 以及 CFBundleName 字段。這些文件如下:

  • Electron.app/Contents/Info.plist
  • Electron.app/Contents/Frameworks/Electron Helper.app/Contents/Info.plist

你也可以重命名幫助應(yīng)用程序以避免在應(yīng)用程序監(jiān)視器中顯示 Electron Helper,但是請確保你已經(jīng)修改了幫助應(yīng)用的可執(zhí)行文件的名字。

一個改過名字的應(yīng)用程序的構(gòu)造可能是這樣的:

MyApp.app/Contents
├── Info.plist
├── MacOS/
│   └── MyApp
└── Frameworks/
    ├── MyApp Helper EH.app
    |   ├── Info.plist
    |   └── MacOS/
    |       └── MyApp Helper EH
    ├── MyApp Helper NP.app
    |   ├── Info.plist
    |   └── MacOS/
    |       └── MyApp Helper NP
    └── MyApp Helper.app
        ├── Info.plist
        └── MacOS/
            └── MyApp Helper

Linux

你可以將 electron 改成任意你喜歡的名字。

通過重編譯源代碼來更換名稱

通過修改產(chǎn)品名稱并重編譯源代碼來更換 Electron 的名稱也是可行的。你需要修改 atom.gyp 文件并徹底重編譯一次。

grunt打包腳本

手動檢查 Electron 代碼并重編譯是很復(fù)雜晦澀的,因此有一個 Grunt 任務(wù)可以自動的處理這些內(nèi)容 grunt-build-atom-shell.

這個任務(wù)會自動的處理編輯 .gyp 文件,從源代碼進行編譯,然后重編譯你的應(yīng)用程序的本地 Node 模塊以匹配這個新的可執(zhí)行文件的名稱。
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號