【webページが表示されない】localhost:8080/login

Question

実現したいこと

localhostでwebページを表示させたい。

発生している問題・分からないこと

webページが表示されない原因が不明です。
localhost:8080/login

サーバー：EC2←今回は自分のPC上で試しております。
ポート8080は開けております。(セキュリティグループで設定済み)

該当のソースコード

server.js

const express = require('express')
const app = express()
const port = 8080

app.get('/', (req, res) => {
  console.log(req.query);
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

###エラー

npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作可能なプログラムの名前として認識されません。名前が正しく記述されていることを確認し、パスが
含まれている場合はそのパスが正しいことを確認してから、再試行してください。
発生場所 行:1 文字:1
+ npm start
+ ~~~
    + CategoryInfo          : ObjectNotFound: (npm:String) [], CommandNotFoundException
    + FullyQualifiedErrorId : CommandNotFoundException

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

今回webページに表示させるhtmlファイルは同様の階層にlogin.htmlという形式で格納しています。
また、実行コマンドはnpm ./server.jsで試しています。
自分のPC(windows11)のファイアウォール設定で8080を開放設定しています。

補足

以上、何が原因か分かる人、アドバイスいただけますと幸いです。
よろしくお願いいたします。

Comments

[otn]

そのメッセージは、
・npmがインストールされてない
・npmがインストールされているがPATHが通ってない
のどちらかです。
普通に nodeをインストールするとnpmもインストールされていると思うのですが、
nodeをインストールしていないという落ちでは無いですよね？
何らかの解説サイトを見てnodeをインストールしたのなら、そのサイトの通りにやっていないと言うことでしょうから、手順を見直しましょう。

[m.ts10806]

質問タグを追加されたほうが良いと思います。
ローカルでWebサーバを構築、開始する手段はそれなりにありますので。

[narururu]

ご回答ありがとうございます。otnさん☺m.ts10806さん☺
すいません。本件、いろいろとやっていたらいつの間にか解決しました。
大変失礼いたしました。

Answer 1

EC2で動かしてるなら当然localhostでは繋がらない。
localhostは自分自身。手元のPCで動かして同じPC内のブラウザからなら表示できる。

EC2で動かしてる先はリモートホスト。
リモートホストを指定するIPアドレスかドメインが必要。

プログラミング以前のただのPCの基礎知識。

EC2で動かしてることが間違い。
開発は手元のPCで行う。「クラウドの開発環境でどうこう」なんて初心者向けの説明は全部嘘。

初心者がいきなりEC2で動かしたりするわけないんだから何かの情報を参考にしている。
でも何を参考にしているか書いてない質問なので他人には背景が一切分からない。

Comments

[narururu]

ご回答ありがとうございます。
後でそのことに気づき、今は自分の作業PCのファイアウォールで8080ポートを開放して試しているのですが、webページが表示されないです。
エラーメッセージは、「localhost で接続が拒否されました。
ERR_CONNECTION_REFUSED」です。
また、現状の環境に関しては、記載していること以外で何か特別な設定をしているわけではありません。
何が原因か分かりますでしょうか？

[novelistory]

>後でそのことに気づき、今は自分の作業PCのファイアウォールで8080ポートを開放して試しているのですが、

回答者(pcs)様のご回答と認識に相違があるように見えます。

HTMLファイルやNode.jsのファイル(server.js)はどこに置いてありますでしょうか？
ご質問からはEC2で建てたサーバ上に置いてあるように推察されます。

「localhost:8080/login」を試しているのがご自身のPC(Windows11)の場合、
「localhost」が指すのはご自身のPC(Windows11)です。

HTMLファイルやjsファイルはEC2で建てたサーバ上に置いてあるため、localhost(=Windows11)にはなく、アクセスできません。

[narururu]

ご回答ありがとうございます。

>HTMLファイルやNode.jsのファイル(server.js)はどこに置いてありますでしょうか？
VScodeを使用しておりまして、下記の場所に格納しています。

PS C:\Users\〇〇〇\test> ls

ディレクトリ: C:\Users\〇〇〇\test

Mode LastWriteTime Length Name
---- ------------- ------ ----
-a---- 2024/02/26 23:25 632010 login.html
-a---- 2024/02/26 23:22 227 server.js

また、その場所でnpm startを実行しようとすると、下記のエラーが表示されます。

npm : 用語 'npm' は、コマンドレット、関数、スクリプト ファイル、または操作可能なプログラムの名前として認識されません。名前が正しく記述されていることを確認し、パスが
含まれている場合はそのパスが正しいことを確認してから、再試行してください。
発生場所 行:1 文字:1
+ npm start
+ ~~~
+ CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException
+ FullyQualifiedErrorId : CommandNotFoundException

いろいろと調べてはいるものの、解決策が見つからず。。。
何かご存知でしたら、アドバイスいただけますと幸いです。