8
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

AWS EC2インスタンスのlocalhostにアクセスする

Posted at

この記事で、AWSのEC2のインスタンスからコードを編集するように環境構築したんですけど
yarn devしたときにGoogle Chromeからlocalhostにつながらない問題が発生

同じ人がいたら:arrow_down:をやれば一瞬で解決するのでやってみてください〜

手順

:one: AWS EC2のコンソールを開く

:two: localhostに接続したいインスタンスの行の"Security Group"をクリック

image.png

:three: すでにあるSecurity Groupのinbound rulesを編集する

image.png

:four: "Add rule"ボタンを押して:arrow_down:のruleを追加

画像はlocalhost:3000に接続したい場合
8000番に接続したいとか、3000と3004に接続したいとかだったら、Port rangeのところに8000とか3000-3004とか入れる
image.png

:five: "Save rules"を押して終了
ブラウザでインスタンスのIPv4 Public IPに接続すればいける
(SSHを接続し直す必要はない)

image.png

例: localhost:3000にWebアプリが立ち上がってる→18.217.xxx.xxx:3000をブラウザに入れる

参考: https://stackoverflow.com/questions/55729337/how-can-i-connect-to-a-http-localhost4200-using-browser-which-is-a-aws-ec2/55740099

8
6
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
8
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?