electron項目打包成dmg

使用electron-forge構建app

官方文檔有很詳細的教程： electron-forge

使用官方 electron-quick-start 的demo。在其根目錄下執行：

# 注意node的版本，我使用v9.6.0不行，使用了v12.0.0才可以
npx @electron-forge/cli import
npm run make

成功后在你的根目錄下生成一個out文件。

使用appdmg做成dmg包

appdmg是一個npm包。

npm install -g appdmg

appdmg.json配置如下

{
    "title": "MyApp",
    "icon": "app.icns",
    "background": "bg.png",//
    "contents": [
      { "x": 380, "y": 170, "type": "link", "path": "/Applications" },
      { "x": 200, "y": 170, "type": "file", "path": "./../out/中文安裝包-darwin-x64/中文安裝包.app" } //這是上一步electron forge生成的東西，指定好目錄就行了。
    ],
    "window": {
        "size": {
            "width": 580,
            "height": 360
        }
    },
    "format": "UDBZ"
}

需要注意的是electron forge主要管控的是安裝時的行為。安裝包安裝后展示的在lunch中的信息是安裝包自身配置的屬性，比如展示的名稱和圖標。

配置完后執行：

appdmg ./build/appdmg.json ~/Desktop/test.dmg