AWS の EC2(Amazon Linux 2023) で react 実行

AWS の EC2 の Amazon Linux 2023 に node インストールして react(create-react-app) を実行した時の備忘録メモ
実施したのは 2024/04/19 時点です

• ざっくり流れ

  1. EC2インスタンス起動
  2. EC2ログイン
  3. nvm, nodeインストール
  4. react(create-react-app)作成・起動

• 環境情報

  • EC2 (Amazon Linux 2023)
  • nvm v0.39.7
  • node v18.17.1
  • Windows11
  • Tera Term v5.2

EC2インスタンス起動

AMI は Amazon Linux 2023にして ssh で接続するのでキーペアとかちゃんと設定する
SpringBoot で使うポート(デフォルトは 3000 )を外部から接続できるようにセキュリティグループを追加
そのほかは自由でOK

EC2ログイン

windows pc でTeraTerm でアクセス
ホストに EC2 の パブリックIP、ユーザ名 ec2-user、認証方式を RSA 鍵使うにして秘密鍵に pem ファイルを指定

• root に変更

  sudo -i
  

nvm, nodeインストール

• nvm インストール

  curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
  

• nvm ロード

  source ~/.bashrc
  

• node インストール

  nvm install 18.17.1
  

• node バージョン確認

  node -v
  

• 補足：複数バージョンで node 切替えたいとき
  nodeの他のバージョンで使いたいときのた
  バージョンの確認、切替など

  • インストールできるバージョン確認

  nvm ls-remote
  

  • インストールしてるバージョン確認

  nvm list
  

  • バージョン指定してインストール

  nvm install バージョン
  

  • バージョン切替

  nvm use バージョン
  

react(create-react-app)作成・起動

• react(create-react-app)作成

  npx create-react-app プロジェクト名 -y
  

• 作成したプロジェクトに移動

  cd プロジェクト名
  

• 作成したプロジェクト起動

  npm start
  

• アクセス確認
  外からつながるようにしてたらアクセスできるはず．．．
  http://パブリックIP:3000