Step 0. 注意 !!

<aside> 💡

注意！開始之前請在畫面右上角檢查自己的區域設定是否是在 us-west-2 ( 奧勒岡 / Oregon )。在接下來幾個步驟，我們會透過 CloudFormation 這個服務，利用程式碼部署工作坊接下來所用到的 AWS 服務！

</aside>

Step 1. 進入到 CloudFormation

1. 搜尋 CloudFormation

   

2. 選取 Infrastructure Composer

   

3. 預設會是 Canva 模式，我們切換為 Template 模式！

   

   

Step 2. 取得 CloudFormation 部署程式碼

1. 點選以下連結，進入到 template.yaml 頁面

   https://github.com/aws-educate-tw/aws-educate-portfolio-insight-site-workshop/blob/main/src/template/template.yaml

2. 點選紅色框框處按鈕，複製整個template.yaml 檔案

   

Step 3. 透過 CloudFormation 部署資源

1. 回到 CloudFormation 的Template 頁面，將剛剛複製的程式碼貼到紅色框框處

   

2. 點選 Validate 按鈕，可以確認是否有潛在錯誤

   

   1. 如果沒有問題，過一陣子會變成綠色，表示通過

      

3. 通過第二步驟後，點選橘色 Create template 按鈕

   

4. 保留預設選項，直接點選橘色按鈕 Confirm and continue to CloudFormation

   

5. 畫面會導向到 CloudFormation > Stacks > Create stack 的第一步驟頁面，如下所示

   1. 請直接點選橘色按鈕 Next ，進入到第二步驟 Specify stack details

   

6. 進入第二步驟頁面，輸入建立 stack 所需要的一些資訊

   1. 輸入 Stack 名稱，名稱沒有限制，方便辨識為主，例如： <你的名字>-stack
   2. 輸入 S3BucketName 名稱，例如: 0726workshop-<name>-<隨便一組數字> ，S3 名稱必須是全世界獨一無二
   3. 按下橘色 Next 按鈕，進入到第三步驟 Configure stack options

   

7. 進入到第三步驟頁面後，請將所有設定保留預設選項

   1. 滑到最底勾選紅色框框處已同意 CloudFormation 建立資源
   2. 按下橘色 Next 按鈕，進入到第四步驟