dayjournal memo

Total 992 articles!!

AWS Amplify #014 - Amplify ConsoleでGitHubを利用した公開

Yasunori Kirimoto's avatar

img



Amplify ConsoleでGitHubを利用した公開をするメモ。



事前準備

  • GitHubでリポジトリ作成とコード反映まで
  • 今回はサンプルとしてVue.jsのプロジェクトを追加

img


AWSコンソール → AWS Amplifyをクリック。

img


Amplify Hostingの「使用を開始する」をクリック。

img


「GitHub」をクリック。

img


GitHubの認証画面が表示されるので「Authorize」をクリック。

img


事前準備していた対象リポジトリとブランチを選択 → 「次へ」をクリック。

img


任意のアプリケーション名設定 → 「次へ」をクリック。

img


「保存してデプロイ」をクリック。

img


自動デプロイが終わるとAWSコンソールでURLが発行されるのでアクセスします。

img


デプロイしたWebSiteが表示されます。

img


GitHubを更新すると自動で毎回ビルドとデプロイされます。 コンソール上には表示されませんが、内部的にはAmazon S3とAmazon CloudFrontを利用してデプロイをしているようです。




book

Q&A