Node.jsとMySQLを実行するとundefinedと表示されます。

Question

前提

プログラミング初学者です。
初投稿ですので至らない点が多いかもしれませんがよろしくお願いします。

またMac OSで実装しています。

発生している問題・エラーメッセージ

Node.jsとMySQL を接続したくProgateの記事を真似てコードを書きましたが、
実行するとundefinedと表示されます。
https://prog-8.com/docs/nodejs-mysql
↓実行結果

undefined

↓希望する実行結果

success
{id:1, name:'にんじゃわんこ'}

該当のソースコード

App.js

//パッケージ読み込み
const express = require('express');
const mysql = require('mysql');

const app = express();

// MySQLの接続情報
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: '********',
  database: 'progate'
});

//MySQLへの接続ができていないときにエラーを表示
connection.connect((err) => {
  if (err) {
    console.log('error connecting: ' + err.stack);
    return;
  }
  console.log('success');
});

//HTTPリクエストを受け取る部分
app.get('/', (req, res) => {
  connection.query(
    'SELECT * FROM users',
    (error, results) => {
      console.log(results);
      res.render('hello.ejs');
    }
  );
});

app.listen(3000);

hello.ejs

<h1>Hello World</h1>

mysql> show databases;
+--------------------+
| Database           |
+--------------------+
| information_schema |
| mysql              |
| performance_schema |
| progate            |
| sys                |
+--------------------+
5 rows in set (0.00 sec)

mysql> use progate;
Database changed

mysql> show tables;
+-------------------+
| Tables_in_progate |
+-------------------+
| users             |
+-------------------+
1 row in set (0.00 sec)

mysql> describe users;
+-------+---------+------+-----+---------+----------------+
| Field | Type    | Null | Key | Default | Extra          |
+-------+---------+------+-----+---------+----------------+
| id    | int(11) | NO   | PRI | NULL    | auto_increment |
| name  | text    | YES  |     | NULL    |                |
+-------+---------+------+-----+---------+----------------+
2 rows in set (0.00 sec)

mysql> select * from users;
+----+-----------------------+
| id | name                  |
+----+-----------------------+
|  1 | にんじゃわんこ        |
+----+-----------------------+
1 row in set (0.00 sec)


mysql> select user,host from mysql.user ;
+---------------+-----------+
| user          | host      |
+---------------+-----------+
| mysql.session | localhost |
| mysql.sys     | localhost |
| root          | localhost |
+---------------+-----------+
3 rows in set (0.00 sec)

{
  "name": "list-app",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "ejs": "^3.1.8",
    "express": "^4.18.2",
    "mysql": "^2.18.1"
  }
}

試したこと

調べたところ同じような問題を抱えている記事がありましたが、
私の問題は解決しませんでした。
https://teratail.com/questions/305536

また、localhos:3000を立ち上げるとHelloWorldと表示はされます。

回答による返信

ターミナルで実行しました。
実行後にlocalhost:3000を開くとundefinedと表示されます。
実行結果は↓このようです。

(base) ***@MacBook-3 list-app % node app.js
error connecting: Error: connect ECONNREFUSED ::1:3306
    at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1229:16)
    --------------------
    at Protocol._enqueue (/Users/***/Downloads/JS/list-app/node_modules/mysql/lib/protocol/Protocol.js:144:48)
    at Protocol.handshake (/Users/***/Downloads/JS/list-app/node_modules/mysql/lib/protocol/Protocol.js:51:23)
    at Connection.connect (/Users/***/Downloads/JS/list-app/node_modules/mysql/lib/Connection.js:116:18)
    at Object.<anonymous> (/Users/***/Downloads/JS/list-app/app.js:13:12)
    at Module._compile (node:internal/modules/cjs/loader:1105:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Module._load (node:internal/modules/cjs/loader:827:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
    at node:internal/main/run_main_module:17:47
undefined

Answer 1

Node.jsのパッケージを読み込んでいるため、app.jsはフロントでは実行されないので、ブラウザで見ているとすれば、それが原因でundefinedとなるのではないでしょうか?(どこがundefinedとなっているか不明なため憶測ですがおそらくそうです)
そのため、バックエンド側でapp.jsを実行する必要があります。
App.jsはどう実行しようとしているのでしょうか?

Comments

[KIND]

回答ありがとうございます！！
app.jsはターミナルを用いて実行しました。
質問の内容を変更し、回答に対する返信欄を作ったのでそちらを見ていただけると助かります。
返信お待ちしております！！

[KIND]

ターミナル中にエラーが出ているのに気がついて、エラーを調べたところ
https://geniusium.hatenablog.com/entry/2022/08/20/210202
このサイトを見つけました。
localhostを127.0.0.1に変更したところ、実行することに成功しました。
ありがとうございました！！！！！

[yama_u]

確認おくれました。。
よかったです！その修正は初めて見たので、参考になります。