GCPの仮想マシン(VM)をSFTP接続しているのですが、ターミナルからサーバー起動してlocalhostでプレビュー表示できません

先日からGoogle Cloud Platformを使い始めたばかりの初心者です。

仮想マシンを１つ作成してSFTP接続でファイルの編集やターミナル上からコマンド操作などをしています。利用しているのはオンラインエディタのCodeAnyWhereを使ってコードを書いてます。

現在、静的サイトジェネレータのHexo.ioを使ってサイトを作成しているのですが、hexo serverコマンドでサーバーを起動させると以下のようなURLが表示されてブラウザからプレビュー表示できるはずなのですがなぜか表示されません。

terminal
1INFO Start processing
2INFO Hexo is running at http://localhost:4000 .Press Ctrl+C to stop.

表示したブラウザの画面は以下の通りです。

無知な質問で申し訳ないのですが、プレビューが表示できない原因が分かる方がいらっしゃいましたらアドバイスを頂けますと助かります！
（もしかしてコレじゃない？という推測でも構いません…）

scsi

2019/01/14 08:11

localhost というのは操作しているパソコンのことを指しますが、gcpの仮想マシンでブラウザを起動して確認してますか？

mk888

2019/01/14 08:23

>>gcpの仮想マシンでブラウザを起動して確認してますか？すいません、こちらの確認方法なのですがもう少しだけ詳細を頂くことは可能でしょうか？あと、オンラインエディタを使っている場合はlocalhostというのは自分のパソコンを指すのではないということでしょうか。。

scsi

2019/01/14 08:35

あ、勘違いしたかもしれません。hexo.ioは何処で動いてますか？gcpですか？操作しているパソコンですか？

mk888

2019/01/14 08:40

hexo.ioはgcpで動いております。ターミナルもcodeanywhereのオンラインエディタを介してgcpのファイルをいじっている感じとなります。

scsi

2019/01/14 08:43

gcpで動いているならlocalhostでは繋がらないですね。gcpのipなどを指定しないと

mk888

2019/01/15 07:36

外部IPを設定することで表示できました！

行動規範の内容に同意します

回答1件

ベストアンサー

Compute Engineをお使いである想定で記述します

■接続先URLについて
localhostですと、ブラウザを起動しているPCに繋ぎに行ってしまいます。
Compute Engineの「外部IP」を指定すれば良いと思います。
GCP管理コンソール-[VPCネットワーク]-[外部IPアドレス]

■ファイアウォールについて
4,000番ポートを指定していますので、ファイアウォールの設定が必要です。
GCP管理コンソール-[VPCネットワーク]-[ファイアウォールルール]
https://cloud.google.com/vpc/docs/firewalls?hl=ja

投稿2019/01/15 01:27

gitya107

総合スコア706

mk888

2019/01/15 07:35

外部IPとファイアウォールの設定でなんとか無事に表示できるようになりました！ありがとうございます。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

GCPの仮想マシン(VM)をSFTP接続しているのですが、ターミナルからサーバー起動してlocalhostでプレビュー表示できません

関連した質問