跳至主要內容
版本：v8

建置與部署你的應用程式

現在你已經建置了你的第一個應用程式，你會想要將它發佈出去，讓所有人都可以開始使用。建置和部署你的應用程式的機制可能相當繁瑣。這就是 Appflow 發揮作用的地方。Appflow 允許你有效地產生網頁和原生建置、推送即時應用程式更新、將你的應用程式發佈到應用程式商店，並自動化整個過程。完整的快速入門指南可以在這裡找到。

下面我們將概述步驟。

連結你的儲存庫​

Appflow 直接與 Git 版本控制協同工作，並使用你現有的程式碼庫作為部署和套件建置的真實來源。你首先需要與你的託管服務（例如 GitHub 或 Bitbucket）整合，或者你可以將你的程式碼直接推送到 Appflow。完成此操作後，Appflow 將可以存取你的程式碼。

有關將你的程式碼儲存庫連接到 Appflow 的更多資訊，請查看 Appflow 文件中的「連接你的儲存庫」章節。

安裝 Appflow SDK​

Appflow SDK（也稱為 Ionic Deploy 外掛程式）將允許你利用 Appflow 最好的兩個功能：將即時更新部署到你的應用程式，以及繞過應用程式商店。Ionic Appflow 的即時更新功能隨附於 Appflow SDK，並具有偵測和同步你已推送到儀表板中已識別頻道的應用程式更新的功能。

若要將 Appflow SDK 外掛程式新增至你的專案，你可以按照 Appflow 儀表板內的安裝指示，方法是點擊「部署 > 目標」區段內的「安裝指示」。或者，你可以透過在應用程式的根目錄中執行以下命令來手動安裝外掛程式

ionic deploy add  \
    --app-id="YOUR_APP_ID" \
    --channel-name="YOUR_CHANNEL_NAME" \
    --update-method="background|auto|none" \

如需安裝 Appflow SDK 的先決條件和其他說明，請瀏覽 Appflow 文件中的「安裝 Appflow SDK」章節。

推送提交​

為了讓 Appflow 能夠存取你的程式碼的最新變更，你需要透過你選擇的版本控制整合推送提交。對於使用 GitHub 或 Bitbucket 的使用者，這看起來如下

git add . # stage any changes
git commit -m "added appflow sdk" #  commit staged changes
git push origin main # push the changes from the main branch to your git host

推送完成後，你將在 Appflow 儀表板的 提交 標籤下看到你的提交。如需更多相關資訊，請查看 Appflow 文件中的「推送提交」章節。

部署即時更新​

安裝 Appflow SDK 並將你的提交推送到儀表板後，你就可以將即時更新部署到裝置。即時更新功能會使用已安裝的 Appflow SDK 與你的原生應用程式來監聽特定的部署通道目的地。當即時更新被指派到通道目的地時，該更新將被部署到執行已設定為監聽該特定通道目的地的二進位檔的使用者裝置。

若要部署即時更新，需要建立網頁建置。這可以透過 提交 標籤中的 開始建置 圖示，或點擊 建置 > 建置 標籤右上角的 新增建置 按鈕來完成。選擇要部署的正確提交後，選擇 網頁 目標平台和 最新 建置堆疊。根據你的 Appflow 方案，你將可以包含自訂環境（如果有設定）。最後，你可以啟用 即時更新 並選擇頻道，以便在建置成功完成後自動將建置指派給該頻道。

網頁建置完成後，你可以使用其他版本控制選項。完成此部分並成功部署建置後，你可以透過點擊建置詳細資訊頁面中的 部署即時更新 按鈕，將其指派給你安裝時設定 Appflow SDK 要監聽的相同頻道。相同操作也可以透過點擊 建置 > 建置 標籤中建置上的 部署即時更新 圖示，然後從下拉式選單中選取頻道來完成。

若要接收此即時更新，你需要裝置或模擬器上執行應用程式。執行此操作的最快和最簡單的方法是透過以下命令

ionic cordova run [ios | android] [options]

假設應用程式已正確設定為監聽你部署到的頻道，如果你在設定期間選擇自動更新方法，應用程式應該會在啟動時立即更新。如果選擇背景更新方法，請務必在應用程式中停留約 30 秒，以確保更新已下載。然後，關閉應用程式，重新開啟，你將看到更新已套用！

若要深入瞭解部署即時更新的步驟，以及停用開發部署等其他資訊，請查看 Appflow 文件中的「部署即時更新」章節。

建置原生二進位檔​

接下來是你的應用程式建置和部署流程的原生二進位檔。這會透過 Ionic Package 服務完成。首先，你需要建立 套件建置。這可以透過 提交 標籤中的 開始建置 圖示，或點擊 建置 > 建置 標籤右上角的 新增建置 按鈕來完成。然後，你將為你的建置選擇適當的提交，並填寫所有幾個必要欄位以及你想指定的任何可選欄位。填寫所有資訊並開始建置後，你可以查看其進度，並在遇到任何錯誤時查看記錄。

如果套件建置成功，則會提供 iOS 二進位檔 (.ipa 或 IPA) 或 Android 二進位檔 (.apk 或 APK) 檔案給你。接著可以下載該檔案，以便你可以透過點擊建置詳細資訊頁面右側 構件 區段中的檔案名稱，或點擊 建置 > 建置 標籤中建置上的 下載 IPA/APK 圖示來將其安裝在裝置上。

有關建置原生二進位檔的更多資訊，可以在 Appflow 文件中的「建置原生二進位檔」章節中找到。

建立自動化​

自動化使你和你的團隊能夠利用 Appflow 的完整 CI/CD 功能。你可以建立自動化，在你的團隊將新程式碼提交到指定分支時，觸發 套件建置 和 部署建置。自動化也可以設定為使用不同的環境和原生設定，以建置不同版本的應用程式，用於開發、預備、QA 和生產。

如需更多資訊，請瀏覽 Appflow 文件中的「建立自動化」章節。在那裡，你將看到有關建立單一自動化的詳細資訊。但是，你可以為不同的分支或工作流程建立多個自動化，並自訂它們以符合你的需求。一個重要的注意事項是，我們 基本方案 或以上方案的使用者可以使用建立自動化的功能。

建立環境​

套件建置和部署建置可以透過環境進一步客製化。這項強大的功能可讓您根據建置時傳入的環境變數建立不同的組態。當與自動化功能結合使用時，開發團隊可以輕鬆配置開發、測試和生產建置組態，使他們能夠採用 DevOps 最佳實踐，並以前所未有的速度發布更高品質的更新。

建立環境的功能適用於我們的基本方案及以上方案。有關此功能的更多資訊，請參閱 Appflow 文件中的建立環境章節。

建立原生組態​

原生組態可讓您輕鬆修改不同環境（開發、生產、測試等）之間可能會變更的常見組態值，因此您不需要使用額外的邏輯或手動將其提交到版本控制。原生組態可以附加到任何套件建置或自動化。

原生組態可用於

若要使用建立原生組態的功能，您需要使用我們的基本方案及以上方案。有關此功能的其他詳細資訊，請參閱 Appflow 文件中的建立原生組態章節。

接下來呢？​

恭喜！您已開發出一個完整的跨平台相片庫應用程式，可以在網頁、iOS 和 Android 上執行。不僅如此，您還建置了該應用程式並將其部署到您使用者的裝置上！

從這裡開始，有很多路可以走。嘗試將另一個Ionic UI 元件新增到應用程式，或新增更多原生功能。天空才是極限。一旦您新增了另一個功能，請透過 Appflow 再次執行建置和部署流程，將其發布給您的使用者。

應用程式建置愉快！💙

目錄

編輯此頁面