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

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

AWS CDKとは

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

事前準備

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

AWS CloudFormation

Slide 15

Slide 15 text

AWS CDK

Slide 16

Slide 16 text

AWS CDK AWS CloudFormation

Slide 17

Slide 17 text

AWS CDK AWS CloudFormation

Slide 18

Slide 18 text

AWS CDK AWS CloudFormation

Slide 19

Slide 19 text

AWS CDK

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

まとめ

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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