手動部署 - AWS Amplify

本文為英文版的機器翻譯版本,如內容有任何歧義或不一致之處,概以英文版為準。

手動部署

手動部署可讓您將 Web 應用程式發佈到 Amplify 主控台,而無需連接 Git 提供者。您可以選擇從桌面拖放資料夾,在幾秒鐘內託管網站。或者,您可以參考 Amazon S3 儲存貯體中的資產。您也可以指定檔案儲存位置的公用 URL。

對於 Amazon S3,您也可以設定 AWS Lambda 觸發條件來在每次上傳新資產時更新您的網站。這篇部落格文章說明 Lambda 觸發條件的設定過程,來在 Amazon S3 儲存貯體更新時,對 Amplify 自動部署變更的過程。

「Amplify」不支援手動部署伺服器端轉譯 (SSR) 應用程式。如需詳細資訊,請參閱 使用 Amplify 部署和託管伺服器端轉譯的應用程式

拖放

使用拖放手動部署應用程式

  1. 登入 AWS 管理主控台,並開啟Amplify

  2. 您如何前往託管您的 Web 應用程式頁面取決於您是從 Amplify 首頁或所有應用程式(憑證已建立!) 頁面上的名稱有些許差異。

    • 從 Amplify 首頁

      1. 選擇 Get started (開始使用)。

      2. 在 中Duplify區段中,選擇開始使用

    • 所有應用程式page

      1. 在右上角,選擇新應用程式主機 Web 應用程式

  3. 託管您的 Web 應用程式頁面中,選擇在沒有 Git 提供者的情況。然後,選擇Continue

  4. 在 中手動部署一節,用於應用程式名稱下,輸入您應用程式的名稱。

  5. 適用於環境名稱下,為環境輸入一個有意義的名稱,例如developmentproduction

  6. 適用於方法中,選擇拖放

  7. 從桌面拖放檔案到拖放區域,或使用選擇檔案從您的電腦選取檔案。您拖放或選取的檔案可以是包含網站根目錄的資料夾或 zip 檔案。

  8. 選擇 Save and deploy (儲存並部署)


            動畫 gif,示範如何拖放或選擇要部署應用程式的檔案。

Amazon S3 或任何 URL

從 Amazon S3 或公用 URL 手動部署應用程式

  1. 登入 AWS 管理主控台,並開啟Amplify

  2. 在頁面頂端,選擇開始使用

  3. 在 中Duplify區段中,選擇開始使用

  4. 託管您的 Web 應用程式頁面中,選擇在沒有 Git 提供者的情況。然後,選擇Continue

  5. 在 中手動部署一節,用於應用程式名稱下,輸入您應用程式的名稱。

  6. 適用於環境名稱下,為環境輸入一個有意義的名稱,例如developmentproduction

  7. 適用於方法下,選擇Amazon S3任何 URL

  8. 上傳檔案的程序取決於上傳方法。

    • Amazon S3

      1. 適用於儲存貯體,從清單中選取儲存貯體的名稱。

      2. 適用於ZIP 檔案下,選取要部署的 zip 檔案名稱。

    • 任何 URL

      1. 適用於資源 URL下,輸入要部署的壓縮檔案 URL。

  9. 選擇 Save and deploy (儲存並部署)

注意

當您創建 zip 文件夾時,請確保您壓縮構建輸出的內容,而不是頂層文件夾。例如,如果您的構建輸出生成一個名為「build」或「public」的文件夾,首先導航到該文件夾,選擇所有內容,然後從那裡壓縮它。如果您不執行這項操作,您會看到「拒絕存取」錯誤,因為網站的根目錄將不會正確初始化。

<Error> <Code>AccessDenied</Code> <Message>Access Denied</Message> <RequestId>4442587FB7D0A2F9</RequestId> <HostId>...</HostId> </Error>