著作権についてお問い合わせ【AWS】CloudFront+S3でアプリをデプロイする方法2020.01.25AWSHOMEITAWS【AWS】CloudFront+S3でアプリをデプロイする方法AdvertisementVueやAngularで作ったアプリを公開できると楽しさ倍増。ことで、AWSの「CloudFront+S3」を使って、ビルドしたアプリを公開するところまで行きマックスオリックス。※今回はVueアプリを公開してみますが、Angularでもやることは同じです。build上記コマンドをアプリのルートで実行すると、「dist」っていうフォルダができます。distフォルダの中にビルドされた成果物ができますが、これをS3にアップロードしていきます。S3設定まずはS3の設定から。S3でバケットを作成しますが、重要なのはここだけ。バケット名は「Vueで作成したアプリ名」を指定します。リージョンは「アジアパシフィック(東京)」でいいです。バケット名は一意でなくてはならないので、使われているものは指定できません。先ほど作成したビルド成果物をアップロードします。ドラッグ&ドロップでいけます。こんな感じになっていればOK。適当に設定していきます。あとで変えられるし、なんとかなるさ。これでどうよ!出た!!URL:「https://d3upe524veut2d.cloudfront.net/」CloudFrontのデプロイが終わってもすぐには見れないっぽいっす。まとめドメインはダサいですが、公開できるとどこからでもアクセスできるので嬉しいっすね。モチベーションも上がります。