macOS 向けの標準的な配布形式である DMG(ディスクイメージ)ファイルの作成方法とカスタマイズについて解説します。
ユーザーがアイコンを「Applications」フォルダにドラッグ&ドロップするお馴染みのインストール体験を提供できます。
設定 (tauri.conf.json)
bundle.targets に "dmg" (または "all", "macos") を含めます。
{
"bundle": {
"targets": ["dmg"],
"macOS": {
"dmg": {
"background": "./assets/dmg-background.png",
"icon": "icons/icon.icns",
"iconSize": 128,
"windowSize": {
"width": 660,
"height": 400
},
"appPosition": {
"x": 180,
"y": 170
},
"applicationFolderPosition": {
"x": 480,
"y": 170
}
}
}
}
}
- background: DMG を開いたときのウィンドウ背景画像。矢印などを描いて「ここにドラッグ」を視覚的に誘導するのが一般的です。
- windowSize: ウィンドウのサイズ。
- position: アプリアイコンと Applications フォルダアイコンの配置座標。
ビルド (macOS 上で実行)
npm run tauri build
src-tauri/target/release/bundle/dmg/ に .dmg ファイルが生成されます。
※ 公証(Notarization)を行う場合は、別途署名設定が必要になります(別レシピ参照)。