LoginSignup
3
2

More than 5 years have passed since last update.

@namkim

react AWS S3で連携してWEBアプリケーションを作る

Posted at

react AWS S3で連携してWEBアプリケーションを作る

react app作成

$ npm i -g create-react-app
$ create-react-app test_app
$ cd test_app

ローカルで実行する

$ npm start

ローカル実行画面

スクリーンショット 2018-03-13 14.53.50.png

AWS CLIのインストール

AWS S3 バケット作成、設定

  • バケット作成

バケットのプロパティの設定

  • バケットのプロパティのタップを選択しインデックスドキュメント、エラードキュメントにindex.htmlを入力する
  • エンドポイントもメモとく

S3 Management Console 2018-03-13 14-49-51.png

build、S3にアップロード

$ npm run build && aws s3 sync build/ s3://バケット名

バケットにファイルがアップされたかを確認する

スクリーンショット 2018-03-13 14.51.36.png

メモといたエンドポイントで確認する

スクリーンショット 2018-03-13 14.53.50.png

3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
3
2