githubと改行ルールが違って二重管理になるため、詳細は下記のgithubのREADME.mdを参照のこと。
https://github.com/github895439/twitch_chat_logging_bot

前回、Expressの環境は作ったので、その環境で作業する。

MySQL をインストールする

Expressの環境にMySQLデータベースを置くんじゃなくて、参照用に必要。

npm install mysql --save

test.js を作る

app.js 作ってたフォルダ内で、test.js を作る

test.js

const mysql = require('mysql');

const con = mysql.createConnection({
  host: '192.168.123.223',
  user: 'root',
  password: 'root',
  database: 'test_database'
});

con.connect((err) => {
  if (err) throw err;
  console.log('Connected');
  con.query('select * from test_table', function (error, results, fields) {
    if (error) throw error;
    console.log(results[0]);
  });
});

node.js で実行

• node test.js を起動

うまく接続出来れば、↓のようになるはず。

$ node test.js
Connected
RowDataPacket {
  id: 1,
  name: 'TOM',
  created_at: 2020-02-05T15:00:00.000Z,
  updated_at: 2020-02-05T15:00:00.000Z
}

• 接続できなくてエラーになった場合
  • Vagrantfile に config.vm.network "private_network", ip: "192.168.123.223" が記載されているか？
  • 特に Vagrantfile をいじくって無ければ、この設定だけで接続できる。
    • Vagrantfile については、コレを参照してください。
    • VirtualBox の設定で言うと、「NAT」と「ホストオンリーアダプター」の２種類のネットワーク設定が必要

app.js を修正する

前回作った app.js を修正して、MySQLのデータを参照する

app.js

var express = require('express');
var app = express();

var mysql      = require('mysql');
var connection = mysql.createConnection({
  host     : '192.168.123.223',
  user     : 'root',
  password : 'root',
  database : 'test_database',
  debug    : false,
});

app.get('/', function (req, res) {
  connection.connect();
  connection.query('select * from test_table', function (error, results, fields) {
    if (error) {
      connection.end();
      throw error;
    }
    res.send(results[0]);
  });
  connection.end();
});

app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

node.js で実行

• node app.js を起動

実行すると、コンソールにはコレが出る

Example app listening on port 3000!

ブラウザで、 http://192.168.123.223:3000 にアクセスすると、

こんなのが出るはず。

これで、ようやくExpressからMySQLへ接続し、データが参照できるようになった。

参考

自分用の備忘録なので、細かな説明は省略しています
（というか、完全には理解できていません。汗）
VM（Ubuntu） に Node.js の環境構築をしました。
Reactアプリを create-react-app で作れるようになるまでの記録です。

0. 前提

エディション：Windows 10 Home
システムの種類：64 ビット オペレーティング システム、x64 ベース プロセッサ
VirtualBox と Vagrant はインストール済み

1. Ubuntu の導入

$ mkdir Ubuntu
$ cd Ubuntu
$ vagrant init ubuntu/xenial64
$ vagrant up --provider virtualbox

2. Vagrantfile に、以下を追記

config.vm.network "private_network", ip: "192.168.33.10"
config.vm.network "forwarded_port", guest: 3000, host: 3000

3. 再起動

$ vagrant reload

4. ssh 接続

$ vagrant ssh

5. Ubuntu のパッケージマネージャー APT を利用

$ sudo apt-get update
$ sudo apt-get install -y build-essential libssl-dev
$ sudo apt-get install -y curl

6. nvm のインストール

$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash
$ source ~/.bashrc
$ nvm install stable --latest-npm
$ nvm alias default stable

7. yarn のインストール

$ npm install --global yarn

8. create-react-app を使えるようにする

$ yarn global add create-react-app

9. 試しにReactアプリを作ってみる

$ npx create-react-app my-app
$ cd my-app
$ yarn start

http://localhost:3000 にアクセスして確認

参考にさせていただいた記事

nvm(Node Version Manager)を使ってNode.jsをインストールする手順
React 開発環境構築
新しい React アプリを作る