<aside> 💡

在實際執行 LINE Bot 程式之前，我們先進行基礎設施資源的部署吧！

</aside>

Step 1. 下載 CloudFormation 檔案 & 圖片資源

  1. 點擊下方連結進入工作坊 GitHub，我們要下載專案資源。點擊 Code > Download.zip。

    https://github.com/aws-educate-tw/aws-educate-chiikawa-ai-workshop

    Untitled design (18).png

  2. 下載之後，請解壓縮檔案，資料夾名稱為 aws-educate-chiikawa-ai-workshop-main

    Untitled design (35).png

  3. 確認後續步驟會用到的兩個資源是否存在:

    1. CloudFormation 部署配置檔：/deploy 資料夾下的 template.yaml 檔案。

    2. 戀愛測驗生成圖片資源：找到 /app/asset 資料夾下的 15 個 PNG 檔案。

      <aside> 💡

      戀愛測驗生成圖片資源目前還不會用到，這裡先告訴大家資源的位置。

      </aside>

Step 2. CloudFormation 部署

<aside> 💡

注意！開始之前再次檢查自己的區域設定是否是在 us-east-1。在這個步驟，我們會透過 CloudFormation 部署工作坊接下來所用到的 AWS 服務！

</aside>

  1. 搜尋 CloudFormation

    image.png

  2. 選取 Infrastructure Composer

    image.png

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

    image.png

    image.png

  4. 在專案程式碼中，找到 template.yaml 檔案，全選、複製，並到 Template 頁面將程式碼貼上！

    image.png

  5. 點選 Validate，確認程式碼格式無誤。

    image.png

    image.png

  6. 點選 Create template，並保留預設選項，選擇 Confirm and continue to CloudFormation

    image.png

  7. 畫面會導向到 CloudFormation > Stacks > Create stack 的頁面，如下所示

    image.png

  8. 選擇 Next 之後，我們來填寫一些資訊:

    1. 提供 Stack 一個名字，方便辨識為主，例如：”你的名字-stack”

      image.png

    2. 複製前面章節建立的 LINE Bot ( https://developers.line.biz/console ) Channel Access Token 以及 LINE Bot Channel Secret ，並貼上到對應的欄位。

      • Channel Access Token
      • Channel Secret

      Untitled design (38).png

    3. 填入 UserSuffix (註:ProjectName 已帶入預設值、不可以用英文大寫空格等等)

      Untitled design (39).png

  9. 填寫好上述資訊後，一樣點選 Next，來到 Configure stack options 的步驟；這裡我們一樣保留預設值，點選頁面最下端的 Next （注意：要先勾選 I acknowledged that AWS CloudFormation might create IAM resources with custom names.）

    image.png

  10. 最後一步 Review and create，確認資訊無誤，點選頁面最右下方的 Submit。

    image.png

Part 2 完成！