天天看點

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

文章目錄

    • 一、準備工作:生成 .app 檔案
      • 1、Build app
      • 2、找到 app
    • 二、檢視其它 dmg 檔案的組成(可跳過)
    • 方式一、使用 dropdmg(推薦)
      • 1、簡單生成
      • 2、自定義dmg樣式
        • 2.1 進入配置界面
        • 2.2 添加布局
        • 2.3 連接配接配置和布局
        • 2.4 使用配置打包 dmg
    • 方式二、使用磁盤工具
      • 1、将 .app 檔案考到一個友善檢視的檔案夾下,如桌面
      • 2、如果重新生成,需要先删掉原來的app檔案
      • 3、制作 `複制到 應用程式中`
        • 3.1 制作Applications 替身
      • 4、打開 磁盤工具
      • 5、建立映像
      • 6、選擇存放 .app 的檔案夾
      • 7、填寫儲存 .dmg 的檔案名
      • 8、生成成功,輕按兩下即可安裝使用
      • 9、自定義彈窗
    • 參考資料

打包pkg可見:https://blog.csdn.net/lovechris00/article/details/84546751

pkg 證書和簽名可見:https://blog.csdn.net/lovechris00/article/details/80965744

一、準備工作:生成 .app 檔案

1、Build app

修改 Edit scheme 為 release 模式,并build工程。

2、找到 app

在工程結構目錄中,展開 product,選中你的 .app檔案,右鍵并選擇 show in finder。

檔案位址一般是

/Users/userName/Library/Developer/Xcode/DerivedData/ProjectName-xxxx/Build/Products/Release

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

二、檢視其它 dmg 檔案的組成(可跳過)

輕按兩下 qq音樂的 dmg,會發現背景非常豐富漂亮;

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

嘗試拖大視窗,滾動條劃到最後,會看到隐藏檔案;

dmg 檔案的盡頭,是鐵嶺?

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

我們在 finder 中,前往

/volumes

檔案夾 即可檢視這些挂載的 dmg 檔案

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

方式一、使用 dropdmg(推薦)

下載下傳位址:https://c-command.com/dropdmg/

使用 dropdmg 選中上述檔案夾,接下來會自動生成 dmg 檔案;

還可以配置多個背景模闆,來為不同的app 生成樣式豐富的 dmg 檔案。

1、簡單生成

将 app 拖拽到 面闆,将自動為這個 app 檔案生成 dmg 檔案。

2、自定義dmg樣式

2.1 進入配置界面

點選 dropDMG 主面闆上的

偏好設定

,将彈出右側的

配置

視窗

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

在左下角,點選 + 可以添加配置;加入配置為 001

2.2 添加布局

在配置視窗上方的工具欄,點選布局,即可進入布局界面;

同樣,在左下角 點選 + 添加布局,假如命名為 001;

右方工具欄可以添加文本,圖示,設定圖示大小等,你可以在畫闆上多多嘗試;

添加文本輕按兩下後,會出現下方的字型調節視窗;有時這個視窗會跳到其他地方,不是不存在,你可以多找找。

這裡的文字我設定為

${APP_BASENAME}

v${APP_SHORT_VERSION_STRING}

代表應用名和版本。

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

2.3 連接配接配置和布局

上方布局設定完畢後,點選

配置

回到配置界面,在配置001中,我們選擇布局也為 001;

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

除了布局之外,我們還可以設定簽名證書、許可證 之類的資訊,可以根據需要多嘗試,這裡不再贅述;

2.4 使用配置打包 dmg

回到主界面,我們會發現配置中有001 這個選項;

如果有多個配置,這裡可以自由選擇;非常适合同時維護幾個 app 的情況。

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

将應用拖拽到視窗下方清單區域,dropDMG 将為你自動打包;

這裡我為 App Store 中截圖這款應用制作 dmg 包,效果如下

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

方式二、使用磁盤工具

1、将 .app 檔案考到一個友善檢視的檔案夾下,如桌面

/Users/ss/Desktop/MSMacApp

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

)

2、如果重新生成,需要先删掉原來的app檔案

有一次生成完app後,給别人用發現适配Mac版本不對,改了配置檔案後重新生成,還是不能用。

檢查後發現,這個product 裡面 app生成時間還是上次,證明不會自動覆寫。

是以重新編譯檔案,建議把原來的

.app

檔案删掉。

3、制作

複制到 應用程式中

也許你下載下傳很多程式,第一次使用都會有個彈窗,顯示

複制到應用程式中

,這樣打開launchpad 中。而我們按照上述流程來做,每次都需要去尋找這個dmg重新安裝使用。

是以這裡就介紹下 複制到應用程式 怎麼實作。

3.1 制作Applications 替身

你可以找到 應用程式的上級目錄(一般都是 Macintosh 好的), 郵件選中應用程式,點選制作替身,儲存在 上述的 .app 檔案中。

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

)

結果如下:有點類似于windows 中的 快捷方式。

點選 .dmg 安裝成功的彈窗就會有 “應用程式 替身”,把我們的程式拖拽到這個快捷方式上,就可以拷貝到 應用程式中。

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

)

可以把 “應用程式 替身” 改為 “移動到 應用程式”,友善使用者了解

否則彈窗出現的方式如下,會有點怪。

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

4、打開 磁盤工具

打開 LaunchPad — 磁盤工具;

5、建立映像

點選 磁盤工具的目錄欄,選擇 檔案 — 建立映像 — 來自檔案夾的映像

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

6、選擇存放 .app 的檔案夾

如我的:

/Users/userName/Desktop/MSMacApp

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

)

7、填寫儲存 .dmg 的檔案名

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

)

8、生成成功,輕按兩下即可安裝使用

macOS 開發 - 打包生成 dmg (步驟詳解配圖)

)

9、自定義彈窗

有背景圖、控制圖示位置和尺寸,可參考此教程。

https://www.macx.cn/thread-2099005-1-1.html

參考資料

  • 鳥的天空:Cocoa Mac 應用程式建立DMG打包釋出

    http://www.xjtudll.cn/Exp/317/

  • Chars:聊聊如何打包dmg檔案

    http://www.jianshu.com/p/c6cd257676bf

繼續閱讀