dayjournal memo

Total 975 articles!!

AWS Amplify #007 - Amplify Consoleで公開

Yasunori Kirimoto's avatar

img



Amplify Consoleで公開をするメモ。



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

img


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

img


今回はシンプルにするため「Gitプロバイダーなしでデプロイ」をクリック。

img


アプリケーション名と環境名を任意で設定。公開したいファイル一式をドラッグ&ドロップ → 「保存してデプロイ」をクリック。今回はサンプルとして、Vue.jsで構築したアプリケーションを手動でビルドしたものを利用。

img


アップロードするファイルは下記コマンドでZip化。Mac標準のGUIによる圧縮だとデプロイしても表示できません。

zip -r xxxxx.zip *

img


アップロードが終わるとURLが発行されるのでアクセスします。

img


アップロードしたWebSiteが表示されます。

img


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




book

Q&A