アマゾンEC 2サーバでreactアプリケーションを実行



EC2 React Vs S3 React


RECTはS 3で直接使用できるため、EC 2サーバでRECTアプリケーションを使用する必要性に疑問がある.現在、会社はローカルではなく、サーバ上でTMUx、Emacsを使用して端末で働いています.これらの理由から,EC 2第2位でReactを実行することを望んでいる.

react appサーバで作成


基本的に、反応アプリケーションを実行する方法は、React公式文書で確認することができる.
npx create-react-app 폴더명
サーバコマンドラインで上記のコマンドを実行すると、サーバにレスポンスページが作成されます.私の場合、サーバのnpmの問題があるため、errorウィンドウで与えられた解決方法を適用してすぐに解決することができます.

接続ポート



フロントで反応を使ったからかはわかりませんが….基本ポートは3000個あります.
まず、私たちのサーバが使用しているポートを知っておく必要があります.社内サーバでは、Ngnixを使用しています.この場所に入ると、ngnixのsite-alableフォルダのファイルを確認すると、localhost:8080が使用されていることがわかります.Nginxに入るには、ルートディレクトリに入る必要があります.
cd /etc
ルートに入るためには、上のようなコマンドラインが必要です.ルート権限に入る場合は、前に/を付ける必要がある場合があります.とにかく、その後、上のようにサーバーのポート番号をチェックすることができます.

ポート番号を変更するにはpackageを使用します.jsonフォルダに入るにはいくつかの修正が必要です.
上述したように、scriptsセクションのstartでは、Linuxはexport PORT=8080&&を使用して、set PORT=808080&&をローカルまたは他の環境に挿入してポート番号を変更する必要があります.

その他(デフォルトはアマゾン)



アマゾンEC 2サーバを実行している場合は、上記の共通IPv 4アドレスとプライベートIPv 4アドレスを取得できます.
パブリック領域では,外部からアクセスできるIPアドレス,プライベートは内部からアクセスするIPアドレスである.実際、npm startが完了した後、正しく動作していることを確認するために様々なチェックを行いましたが、ブラウザで動作するためには、共通アドレスにアクセスする必要があります.

また、上図のようにインバウンドルールも重要です.ポート範囲80は、Webからアクセス可能なポートである.
基本ですがまだまだ知らないことがたくさんあります.Junior開発者の第一歩を進めていますが、これからJuniorまでは週末に必ず周中に学んだことを整理する時間があります.
つまり、反応ソフトがうまく機能していることがわかります:)

完了!