View a markdown version of this page

步驟 5：更新並重新部署 WordPress 應用程式 - AWS CodeDeploy
設定 WordPress 網站修改網站重新部署網站

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

步驟 5：更新並重新部署 WordPress 應用程式

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

設定 WordPress 網站

若要查看程式碼變更的效果，請完成設定 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。

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

  3. 若要使用預設的 MySQL 資料庫，請在資料庫組態頁面中輸入以下值：

    • 資料庫名稱：test

    • 使用者名稱：root

    • 密碼：保留空白。

    • 資料庫主機：localhost

    • 資料表字首：wp_

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

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

重要

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

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

修改網站

若要修改 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

重新部署網站

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

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

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

重新部署網站 (CLI)

呼叫 create-deployment 命令來根據新上傳的修訂版建立部署。使用名為 WordPress_App的應用程式、名為 CodeDeployDefault.OneAtATime 的部署組態、名為 WordPress_DepGroup的部署群組、名為 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

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

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

重新部署網站 (主控台)

  1. 登入 AWS 管理主控台 ，並在 https：//https://console.aws.amazon.com/codedeploy 開啟 CodeDeploy 主控台。

    注意

    使用您在 中設定的相同使用者登入CodeDeploy 入門。

  2. 在導覽窗格中，展開部署，然後選擇應用程式。

  3. 在應用程式清單中，選擇 WordPress_App。

  4. 在 Deployment groups (部署群組) 標籤上，選擇 WordPress_DepGroup。

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

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

    1. 在 Deployment group (部署群組) 中，選擇 WordPress_DepGroup。

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

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

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

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

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

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

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

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

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

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

    7. 您可以檢查部署的狀態，如監控您的部署並進行疑難排解中所述。

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