TOP ▲ itcore TOP ＞ TIPS ＞ aws_react.php 　タグ:aws ec2 al2 apache react

AWS EC2 reactアプリ インストール | itcore 2021年

node.js インストール

reactアプリ インストール

cd
npm install -g create-react-app
cd /var/prj # 任意のディレクトリ
create-react-app app1

reactアプリ 実行

cd /var/prj/app1
npm start
  Local: http://localhost:3000
CTRL+C

reactアプリ ビルド＆実行

npm run build
npm install -g serve
serve -s build
  Local: http://localhost:5000
CTRL+C

ファイアーウオール

セキュリティグループ

セキュリティグループの作成
セキュリティグループ名 sg1-apl
説明 react apl
インバウンド＞ルールを追加
　カスタムTCP TCP 3000 0.0.0.0/0 npm start
　カスタムTCP TCP 5000 0.0.0.0/0 npm build & serve -s build

インスタンス＞アクション＞セキュリティ＞セキュリティグループを変更
sg1-aplを選択＞セキュリティグループを追加
保存

動作確認

cd /var/prj/app1
npm start
http://xxx.xxx.jp:3000
CTRL+C

serve -s build
http://xxx.xxx.jp:5000
CTRL+C

reactアプリ ビルド＆デプロイ

vim /var/prj/app1/package.json
最後を修正 #以降は不要
  }, # カンマを追加;
  "homepage": "app1/" # 行追加 ststicフォルダなどへのパス追加
}

cd /var/prj/app1
npm run build

ln -s /var/prj/app1/build /var/www/html/app1 # ドキュメントルート配下へシンボリックリンクを作成する。
https://xxx.itcore.jp/app1 # https経由で実行できる。