一個完整的解決方案,可以包裝並構建準備分發電子的準備,即MacOS,Windows和Linux的Proton Native App,並提供“自動更新”支持。
一直在尋找社區貢獻! ?設置開發環境很容易做到嗎?
| 註釋,任務,項目。 全部位於一個地方。 | |
您了解糖尿病數據的門戶 | 開放的,源可用的軟件許可和分發API |
Todesktop:一個用於構建和釋放電子應用的多合一平台 | ![]() |
請參閱有關電子的完整文檔。
7z , zip , tar.xz , tar.7z , tar.lz , tar.gz , tar.bz2 , dir (未包裝目錄)。dmg , pkg , mas 。deb ), rpm , freebsd , pacman , p5p , apk 。nsis (安裝程序), nsis-web (Web Installer), portable (無安裝的便攜式應用程序),Appx(Windows Store),MSI,Squirrel.Windows。| 問題 | 回答 |
|---|---|
| “我想配置電子構建器” | 請參閱選項 |
| “我找到了一個錯誤,或者我有一個問題” | 打開一個問題 |
| “我想支持發展” | 捐 |
強烈建議使用紗線代替NPM。
yarn add electron-builder --dev
為了與pnpm一起使用,您需要調整.npmrc以使用以下方法以正確捆綁以下方法(參考:#6389):
node-linker=hoisted
public-hoist-pattern=*
shamefully-hoist=true
注意:將可恥的人設置為True與將公共福斯特人設置為 *相同。
YARN 3默認使用PNP,但是電子構建器仍然需要節點模塊(參考:Yarnpkg/Berry#4804)。在.yarnrc.yaml中添加配置如下:
nodeLinker: "node-modules"
將聲明使用節點模型而不是PNP。
Electron-webpack-Quick-start是創建新電子應用的推薦方法。見鍋爐。
在應用package.json中指定標準字段。 JSON - 名稱, description , version和作者。
在package.json中指定構建配置。 JSON如下:
"build" : {
"appId" : " your.id " ,
"mac" : {
"category" : " your.app.category.type "
}
}查看所有選項。選項文件,以指示應將哪些文件包裝在最終應用程序中,包括條目文件。您還可以使用單獨的配置文件,例如js , ts , yml和json / json5 。有關支持的擴展,請參見讀取config-fig。 JS程序化API的示例
添加圖標。
將腳本密鑰添加到開發package.json 。
"scripts" : {
"app:dir" : " electron-builder --dir " ,
"app:dist" : " electron-builder "
}然後,您可以運行yarn app:dist (以可分配的格式打包(例如DMG,Windows Installer,deb軟件包))或yarn app:dir (僅生成無需包裝的軟件包目錄。這對於測試目的很有用)。
為確保您的本地依賴關係始終匹配電子版本,只需在package.json中添加腳本"postinstall": "electron-builder install-app-deps" 。
如果您自己的本機插件是應用程序的一部分(不是作為依賴項),請將節點造成的構造設置為true 。
請注意,默認情況下,所有內容都包裝到ASAR檔案中。
對於將運送到生產的應用程序,您應該簽署應用程序。請參閱在哪裡購買代碼簽名證書。
參見node_modules/electron-builder/out/index.d.ts 。提供了打字稿的鍵入,也可以在此處找到。
下面提供的代碼段也在此處顯示“行動”。
"use strict"
const builder = require ( "electron-builder" )
const Platform = builder . Platform
// Promise is returned
builder . build ( {
targets : Platform . MAC . createTarget ( ) ,
config : {
"//" : "build options, see https://goo.gl/QQXmcV"
}
} )
. then ( ( ) => {
// handle result
} )
. catch ( ( error ) => {
// handle error
} ) 設置DEBUG環境變量以調試電子構建器正在做什麼:
DEBUG=electron-builder FPM_DEBUG ENV添加有關構建Linux目標的更多詳細信息(SNAP和APPIMAGE除外)。
DEBUG_DMG=true env var,添加來自hdiutil (MACOS)的更多調試/詳細性。
!!!! Windows上的提示“ CMD”使用SET命令設置環境變量。 bash set DEBUG=electron-builder
!!!!提示“ PowerShell” PowerShell使用不同的語法來設置環境變量。 bash $env:DEBUG=electron-builder
我們在業餘時間進行此開源工作。如果您希望我們投入更多時間,請捐款。