第 5 步：更新和重新部署您的「你好，世界！」 應用程式 - AWS CodeDeploy
修改網頁重新部署網站

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

第 5 步：更新和重新部署您的「你好，世界！」 應用程式

現在您已成功部署應用程式修訂版，請在開發電腦上更新網頁的程式碼，然後使 CodeDeploy 用重新部署網站。重新部署之後，您應該能夠在 Amazon EC2 執行個體上看到變更。

修改網頁

  1. 移至 c:\temp\HelloWorldApp 子資料夾，然後使用文字編輯器修改 index.html 檔案：

    cd c:\temp\HelloWorldApp
notepad index.html

  2. 修訂 index.html 檔案的內容，變更網頁的背景顏色和一些文字，然後儲存檔案。

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Hello Again, World!</title>
  <style>
    body {
      color: #ffffff;
      background-color: #66cc00;
      font-family: Arial, sans-serif;  
      font-size:14px;
    }
  </style>
</head>
<body>
  <div align="center"><h1>Hello Again, World!</h1></div>
  <div align="center"><h2>You have successfully deployed a revision of an application using CodeDeploy</h2></div>
  <div align="center">
    <p>What to do next? Take a look through the <a href="https://aws.amazon.com/codedeploy">CodeDeploy Documentation</a>.</p>
  </div>
</body>
</html>

重新部署網站

現在您已經修改了代碼，請使用 Amazon S3 並 CodeDeploy 重新部署網頁。

依照中所述將變更捆綁並上傳到 Amazon S3 將應用程序的文件捆綁到單個存檔文件中並推送歸檔文件。(當您遵循這些說明時，不需要建立新的應用程式)。如以前一樣將相同的金鑰給予修訂 (HelloWorld_App.zip)。將其上傳到您之前建立的相同 Amazon S3 儲存貯體 (例如DOC-EXAMPLE-BUCKET)。

使用 AWS CLI 或 CodeDeploy 主控台重新部署網站。

重新部署網站 (CLI)

再次於名為 DOC-EXAMPLE-BUCKET 的儲存貯體中使用名為 HelloWorld_App 的應用程式、名為 CodeDeployDefault.OneAtATime 的部署組態、名為 HelloWorld_DepGroup 的部署群組和名為 HelloWorld_App.zip 的修訂，根據上傳的修訂以呼叫 create-deployment 命令來建立部署：

 aws deploy create-deployment --application-name HelloWorld_App --deployment-config-name CodeDeployDefault.OneAtATime --deployment-group-name HelloWorld_DepGroup --s3-location bucket=DOC-EXAMPLE-BUCKET,bundleType=zip,key=HelloWorld_App.zip

您可以檢查新部署的狀態，如監控和疑難排解您的部署中所述。

重新部署網站後，請在 Web 瀏覽器中重新造訪該網站，以確認網頁上的背景顏色和文字是否已變更。 CodeDeploy (您可能需要重新整理瀏覽器)。如果背景顏色和文字已變更，恭喜您！您已修改並重新部署該網站！

重新部署網站 (主控台)

  1. 請登入 AWS Management Console 並開啟 CodeDeploy 主控台，網址為 https://console.aws.amazon.com/codedeploy。

    注意

    使用您設定的相同使用者登入開始使用 CodeDeploy。

  2. 在導覽窗格上，選擇 Applications (應用程式)。

  3. 在 [應用程式] 清單中，選擇 [HelloWorld_App]。

  4. 在 Deployments (部署) 標籤中，選擇 Create deployment (建立部署)。

    1. 在 [部署群組] 清單中，選擇 [HelloWorld_] DepGroup。

    2. 在修訂位置中，輸入修訂版本的 Amazon S3 連結。

      尋找連結值：

      1. 登入 AWS Management Console 並開啟 Amazon S3 主控台，網址為 https://console.aws.amazon.com/s3/。

        在 Amazon S3 主控台中瀏覽並開啟文件範例儲存貯體，然後選擇您的修訂版本。HelloWorld_App.zip

      2. 如果在 Amazon S3 主控台中看不到「屬性」窗格，請選擇「屬性」按鈕。

      3. 在 Properties (屬性) 窗格中，複製 Link (連結) 欄位的值。

      4. 返回 CodeDeploy 控制台，然後將鏈接粘貼到「修訂」位置。

    3. 在 Revision file type (修訂檔案類型) 中，如果顯示的訊息指出偵測不到檔案類型，請選擇 .zip。

    4. 將 Deployment description (部署描述) 空白。

    5. 展開部署群組覆寫在 [部署規劃] 清單中，選擇CodeDeployDefault。 OneAtaTime，然後選擇 [建立部署]。

      接著，您便能檢查部署的狀態，如監控和疑難排解您的部署中所述。

      重新部署網站後，請在 Web 瀏覽器中重新造訪該網站，以確認網頁上的背景顏色和文字是否已變更。 CodeDeploy (您可能需要重新整理瀏覽器)。如果背景顏色和文字已變更，恭喜您！您已修改並重新部署該網站！