

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

# 步驟 5：更新並重新部署您的「hello， world！」 應用程式
<a name="tutorials-windows-update-and-redeploy-application"></a>

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

**Topics**
+ [修改網頁](#tutorials-windows-update-and-redeploy-application-modify-code)
+ [重新部署網站](#tutorials-windows-update-and-redeploy-application-deploy-updates)

## 修改網頁
<a name="tutorials-windows-update-and-redeploy-application-modify-code"></a>

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

   ```
   cd c:\temp\HelloWorldApp
   notepad index.html
   ```

1. 修訂 `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>
   ```

## 重新部署網站
<a name="tutorials-windows-update-and-redeploy-application-deploy-updates"></a>

現在您已修改程式碼，請使用 Amazon S3 和 CodeDeploy 重新部署網頁。

綁定變更並將其上傳至 Amazon S3，如 中所述[將應用程式的檔案綁定到單一封存檔案中，並推送封存檔案](tutorials-windows-upload-application.md#tutorials-windows-upload-application-bundle-and-push-archive)。(當您遵循這些說明時，不需要建立新的應用程式)。如以前一樣將相同的金鑰給予修訂 (**HelloWorld\$1App.zip**)。將其上傳至您先前建立的相同 Amazon S3 儲存貯體 （例如 **amzn-s3-demo-bucket**)。

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

**Topics**
+ [重新部署網站 (CLI)](#tutorials-windows-update-and-redeploy-application-deploy-updates-cli)
+ [重新部署網站 (主控台)](#tutorials-windows-update-and-redeploy-application-deploy-updates-console)

### 重新部署網站 (CLI)
<a name="tutorials-windows-update-and-redeploy-application-deploy-updates-cli"></a>

再次於名為 **amzn-s3-demo-bucket** 的儲存貯體中使用名為 **HelloWorld\$1App** 的應用程式、名為 **CodeDeployDefault.OneAtATime** 的部署組態、名為 **HelloWorld\$1DepGroup** 的部署群組和名為 **HelloWorld\$1App.zip** 的修訂，根據上傳的修訂以呼叫 **create-deployment** 命令來建立部署：

```
 aws deploy create-deployment --application-name HelloWorld_App --deployment-config-name CodeDeployDefault.OneAtATime --deployment-group-name HelloWorld_DepGroup --s3-location bucket=amzn-s3-demo-bucket,bundleType=zip,key=HelloWorld_App.zip
```

您可以檢查新部署的狀態，如[監控您的部署並進行疑難排解](tutorials-windows-deploy-application.md#tutorials-windows-deploy-application-monitor)中所述。

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

### 重新部署網站 (主控台)
<a name="tutorials-windows-update-and-redeploy-application-deploy-updates-console"></a>

1. 登入 AWS 管理主控台 ，並在 https：//[https://console.aws.amazon.com/codedeploy](https://console.aws.amazon.com/codedeploy) 開啟 CodeDeploy 主控台。
**注意**  
使用您在 中設定的相同使用者登入[CodeDeploy 入門](getting-started-codedeploy.md)。

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

1. 在 **Applications (應用程式)** 清單中，選擇 **HelloWorld\$1App**。

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

   1. 在 **Deployment group (部署群組)** 清單中，選擇 **HelloWorld\$1DepGroup**。

   1.  在**修訂位置**中，輸入修訂的 Amazon S3 連結。

      尋找連結值：

      1. 登入 AWS 管理主控台 ，並在 [https://console.aws.amazon.com/s3/](https://console.aws.amazon.com/s3/)：// 開啟 Amazon S3 主控台。

         瀏覽並開啟 **amzn-s3-demo-bucket**，然後在 Amazon S3 主控台中選擇您的修訂**HelloWorld\$1App.zip**版本 。

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

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

      1. 返回 CodeDeploy 主控台，然後將連結貼到**修訂位置**。

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

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

   1. 展開**部署群組覆寫** 在**部署組態**清單中，選擇 **CodeDeployDefault.OneAtATime**，然後選擇**建立部署**。

      接著，您便能檢查部署的狀態，如[監控您的部署並進行疑難排解](tutorials-windows-deploy-application.md#tutorials-windows-deploy-application-monitor)中所述。

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