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

# 步驟 5：更新並重新部署 WordPress 應用程式
<a name="tutorials-wordpress-update-and-redeploy-application"></a>

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

**Topics**
+ [設定 WordPress 網站](#tutorials-wordpress-update-and-redeploy-application-configure-and-install)
+ [修改網站](#tutorials-wordpress-update-and-redeploy-application-modify-code)
+ [重新部署網站](#tutorials-wordpress-update-and-redeploy-application-deploy-updates)

## 設定 WordPress 網站
<a name="tutorials-wordpress-update-and-redeploy-application-configure-and-install"></a>

若要查看程式碼變更的效果，請完成設定 WordPress 網站，以便您有一個功能完整的安裝。

1. 將網站的 URL 輸入 Web 瀏覽器中。URL 是 Amazon EC2 執行個體加上`/WordPress`延伸模組的公有 DNS 地址。對於此範例 WordPress 網站 （以及範例 Amazon EC2 執行個體公有 DNS 地址），URL 為 **http://ec2-01-234-567-890.compute-1.amazonaws.com/WordPress**。

1. 如果您尚未設定網站，則會顯示預設的 WordPress 歡迎頁面。選擇 **Let's go\$1 (開始吧！)**。

1. 若要使用預設的 MySQL 資料庫，請在資料庫組態頁面中輸入以下值：
   + **資料庫名稱**：**test**
   + **使用者名稱**：**root**
   + **密碼**：保留空白。
   + **資料庫主機**：**localhost**
   + **資料表字首**：**wp\$1**

   選擇 **Submit (提交)** 以設定資料庫。

1. 繼續進行網站設定。在 **Welcome (歡迎)** 頁面上，填入任意值，然後選擇 **Install WordPress (安裝 WordPress)**。當安裝完成後，您就可以登入您的儀表板。

**重要**  
 在部署 WordPress 應用程式期間，**change\$1permissions.sh** 指令碼已更新 `/tmp/WordPress` 資料夾的許可，以便任何人都可以寫入。現在是時候執行以下命令來限制許可，以便只有擁有者 (您) 可以寫入：  

```
chmod -R 755 /var/www/html/WordPress
```

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

若要修改 WordPress 網站，請移至開發機器上的應用程式資料夾：

```
cd /tmp/WordPress
```

若要修改網站的一些顏色，請在 `wp-content/themes/twentyfifteen/style.css` 檔案中，使用文字編輯器或 **sed** 將 `#fff` 變更為 `#768331`。

在 Linux 或具有 GNU **sed** 的其他系統上，使用：

```
sed -i 's/#fff/#768331/g' wp-content/themes/twentyfifteen/style.css
```

在 macOS、Unix 或具有 BSD **sed** 的其他系統上，使用：

```
sed -i '' 's/#fff/#768331/g' wp-content/themes/twentyfifteen/style.css
```

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

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

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

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

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

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

呼叫 **create-deployment** 命令來根據新上傳的修訂版建立部署。使用名為 **WordPress\$1App**的應用程式、名為 **CodeDeployDefault.OneAtATime** 的部署組態、名為 **WordPress\$1DepGroup**的部署群組、名為 **WordPressApp.zip** 的修訂版 (在名為 **amzn-s3-demo-bucket**的儲存貯體中)：

```
 aws deploy create-deployment \
  --application-name WordPress_App \
  --deployment-config-name CodeDeployDefault.OneAtATime \
  --deployment-group-name WordPress_DepGroup \  
  --s3-location bucket=amzn-s3-demo-bucket,bundleType=zip,key=WordPressApp.zip
```

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

CodeDeploy 重新部署網站之後，請在 Web 瀏覽器中重新瀏覽網站，以確認顏色已變更。(您可能需要重新整理瀏覽器)。如果顏色已經變更，那麼恭喜！您已成功修改並重新部署該網站！

### 重新部署網站 (主控台)
<a name="tutorials-wordpress-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. 在導覽窗格中，展開**部署**，然後選擇**應用程式**。

1. 在應用程式清單中，選擇 **WordPress\$1App**。

1. 在 **Deployment groups (部署群組)** 標籤上，選擇 **WordPress\$1DepGroup**。

1. 選擇 **Create deployment (建立部署)**。

1. 請在 **Create deployment (建立部署)** 頁面上，執行以下操作：

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

   1. 在**儲存庫類型**區域中，選擇**我的應用程式存放在 Amazon S3 中**，然後將修訂的 Amazon S3 連結複製到**修訂位置**方塊中。尋找連結值：

      1. 在單獨的瀏覽器標籤中：

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

          瀏覽並開啟 **amzn-s3-demo-bucket**，然後選擇您的修訂版本 **WordPressApp.zip**。

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

      1.  在**屬性**窗格中，將**連結**欄位的值複製到 CodeDeploy 主控台中的**修訂位置**方塊。

   1. 如果出現無法偵測檔案類型的訊息，則請選擇 **.zip (.zip)**。

   1. 將 **Deployment description (部署說明)** 方塊留白。

   1. 展開**部署群組覆寫**，然後從**部署組態**中選擇 **CodeDeployDefault.OneAtATime**。

   1. 選擇 **Start deployment (啟動部署)**。新建立部署的相關資訊會顯示在 **Deployments (部署)** 頁面上。

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

      CodeDeploy 重新部署網站之後，請在 Web 瀏覽器中重新瀏覽網站，以確認顏色已變更。(您可能需要重新整理瀏覽器)。如果顏色已經變更，那麼恭喜！您已成功修改並重新部署該網站！