AWS CDKで独自ドメインホスティング環境構築を自動化してみた

MIERUNE 社内勉強会 #029 発表資料
https://mierune.github.io/mierune-log/posts/study-meeting-029

Google Slides
https://docs.google.com/presentation/d/e/2PACX-1vRS0hBCz6WqXW3a5ttyhwJYG1CjMZEANr0dYjfEpSDcHSj3OSM3VZGSAeA2YuJHqTIgfJijKloIeuuZ/pub?start=false&loop=false&delayms=3000

Transcript

1. AWS CDKで独自ドメインホス
   ティング環境構築を自動化して
   みた
   © MIERUNE © MapTiler © OpenStreetMap contributors
   Yasunori Kirimoto
   2022.03.24
   MIERUNE 社内勉強会 #029
   

   View Slide

2. Location-based Architect
   Yasunori Kirimoto
   Owner of
   Co-founder and CTO of
   Member of
   

   View Slide

3. Contents
   1. AWS CDKとは
   2. 事前準備
   3. 各ファイル配置と設定ファイル更新
   4. 独自ドメインホスティング環境を自動デプロイ
   5. まとめ
   

   View Slide

4. AWS CDKとは
   

   View Slide

5. View Slide

6. Amazon CloudFront
   Amazon Route 53とAWS WAFとAmazon CloudFrontとAmazon S3で
   独自ドメインホスティング環境を構築してみた
   Amazon S3
   AWS WAF
   Amazon Route 53
   この環境をAWS CDKで再現してみた
   

   View Slide

7. AWS CloudFormationで独自ドメインホスティング環境構築を自動化してみた
   Amazon Route 53
   AWS CloudFormation
   CloudFormationでも再現してみた
   

   View Slide

8. AWS CDKで独自ドメインホスティング環境構築を自動化してみた
   Amazon Route 53
   AWS CDK
   

   View Slide

9. GitHubでテンプレート公開しています
   unique-domain-hosting
   unique-domain-hosting-stack.ts
   90行くらい
   aws-cdk-templates-showcase
   

   View Slide

10. 事前準備
    

    View Slide

11. 事前準備
    ・AWS CLIのインストールと設定
    ・AWS CDKのインストール
    ・Amazon Route 53による独自ドメインの取
    得
    実行環境
    node v16.10.0
    npm v7.24.0
    

    View Slide

12. 各ファイル配置と設定ファイル更新
    

    View Slide

13. 「aws-cdk-templates-showcase」リポジトリ
    内の「unique-domain-hosting」ディレクトリを
    利用
    「cdk.json」にAmazon Route 53で取得した
    独自ドメイン名を設定
    「dist」ディレクトリにデプロイしたいアプリケー
    ションファイル一式をコピー
    

    View Slide

14. AWS CloudFormation
    

    View Slide

15. AWS CDK
    

    View Slide

16. AWS CDK
    AWS CloudFormation
    

    View Slide

17. AWS CDK
    AWS CloudFormation
    

    View Slide

18. AWS CDK
    AWS CloudFormation
    

    View Slide

19. AWS CDK
    

    View Slide

20. 独自ドメインホスティング環境を自動デプロイ
    

    View Slide

21. パッケージをインストール
    デプロイ前に初回のみ下記コマンドを実行。
    リージョンを変更した時にも実行
    プロジェクトをデプロイ
    

    View Slide

22. スタックが作成されたのを確認。各サービス
    も自動作成されているのを確認
    

    View Slide

23. 独自ドメインにアクセスするとアップロードし
    たアプリケーションが表示されます
    

    View Slide

24. まとめ
    

    View Slide

25. ● AWS CDKで環境構築を自動化可能
    ● ACMを固定リージョンで作成
    ● CloudFront用のS3バケットポリシー自動生成
    ● デプロイしたいアプリケーションをコード内で定義
    ● ひたすらドキュメントを見る
    ● コード書いてて楽しい
    

    View Slide

26. 会社紹介資料

    Last Update – 5th Feb.2021
    We Are Hiring!
    MIERUNE
    → カジュアル面談はこちら ←
    

    View Slide