mysqlよりデータ取得時にエラーが発生

Question

たびたびお世話になります。
ローカルのフロントサイド(localhost:3000)より、herokuにデプロイしたサーバーサイド（https://◯◯◯.herokuapp.com/）を経由し、ローカルのmysql(localhost:3006)のデータを取得したいのですが、実行したところ、フロントサイド及びサーバーサイド共にエラーが発生致しました。
知見のある方よりアドバイスを頂きたいです。

フロントサイドのjs(mysqlに接続するためのjsのファイル名をパラメータとしてサーバーサイドのサーバーの記述があるファイルに送る。)

function useSql(){
      var ajax_data = JSON.parse('{"js_url":"sqlSelect.js"}');
       $.ajax({
                 url: 'https://◯◯◯.herokuapp.com/server.js',
                 type: 'POST',
                 data: ajax_data,
                  dataType: 'json'
                       }).done(function(res){
　　　　　　　　　　　　　　　 console.log(res);
                       }).fail(function(xhr, status, error){
                          alert(status);
                          console.log("XMLHttpRequest : " + xhr.status);
                          console.log("textStatus     : " + status);
                          console.log("errorThrown    : " + error);
                       });
}

サーバーサイドのサーバーの記述があるnode.jsファイル（server.jsという名前）

var express = require('express');
var bodyParser = require('body-parser');
var app = express();

app.use(bodyParser.urlencoded({extended: false}));
app.use(bodyParser.json());
app.use(function(req, res, next){
    res.header("Access-Control-Allow-Origin","*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
})

app.post('/server.js',function(req, res){
    var js_url = JSON.stringify(req.body.js_url).slice(1,-1);
    var sql = require(js_url);
    sql.sqlSelect(req.body, res);
});

mysqlに接続するための情報が記載されたjsファイル（sqlSelect.jsという名前）

'use strict';
function sqlSelect(condition, res){
let mysql = require('mysql');
let connection = mysql.createConnection({
  host : '127.0.0.1',
  user : 'root',
  password : 'Liner_0101',
  port : 3306,
  database: 'DEV_ADMIN'
});

connection.connect();

var sql = mysql.format('SELECT * FROM t_aaa');
console.log(sql);

connection.query(sql, (err, rows, fields) => {
  if (err) {
    connection.end();
    throw err;
  };
    var resultJson = JSON.stringify(rows);
    resultJson = JSON.parse(resultJson);
    console.log('The solution is: ', resultJson);
    res.send(resultJson);
  });
  connection.end();
}

module.exports.sqlSelect = sqlSelect;

フロントサイドのエラー

POST https://◯◯◯.herokuapp.com/server.js 503 (Service Unavailable)

Access to XMLHttpRequest at 'https://◯◯◯.com/server.js' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

サーバーサイドのエラー

2019-03-07T07:48:14.057596+00:00 heroku[web.1]: State changed from up to crashed
2019-03-07T07:48:13.978437+00:00 app[web.1]: SELECT * FROM t_aaa
2019-03-07T07:48:13.982383+00:00 app[web.1]: エラーになりました。
2019-03-07T07:48:13.982819+00:00 app[web.1]: /app/nodejs/sqlSelect.js:278
2019-03-07T07:48:13.982824+00:00 app[web.1]: throw err;
2019-03-07T07:48:13.982825+00:00 app[web.1]: ^
2019-03-07T07:48:13.982826+00:00 app[web.1]: 
2019-03-07T07:48:13.982828+00:00 app[web.1]: Error: connect ECONNREFUSED 127.0.0.1:3306
2019-03-07T07:48:13.982833+00:00 app[web.1]: at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1082:14)
2019-03-07T07:48:13.982834+00:00 app[web.1]: --------------------
2019-03-07T07:48:13.982839+00:00 app[web.1]: at Protocol._enqueue (/app/node_modules/mysql/lib/protocol/Protocol.js:144:48)
2019-03-07T07:48:13.982840+00:00 app[web.1]: at Protocol.handshake (/app/node_modules/mysql/lib/protocol/Protocol.js:51:23)
2019-03-07T07:48:13.982841+00:00 app[web.1]: at Connection.connect (/app/node_modules/mysql/lib/Connection.js:118:18)
2019-03-07T07:48:13.982842+00:00 app[web.1]: at Object.tutorSearch (/app/nodejs/sqlSelect.js:269:12)
2019-03-07T07:48:13.982859+00:00 app[web.1]: at /app/server.js:35:11
2019-03-07T07:48:13.982860+00:00 app[web.1]: at Layer.handle [as handle_request] (/app/node_modules/express/lib/router/layer.js:95:5)
2019-03-07T07:48:13.982861+00:00 app[web.1]: at next (/app/node_modules/express/lib/router/route.js:137:13)
2019-03-07T07:48:13.982863+00:00 app[web.1]: at Route.dispatch (/app/node_modules/express/lib/router/route.js:112:3)
2019-03-07T07:48:13.982864+00:00 app[web.1]: at Layer.handle [as handle_request] (/app/node_modules/express/lib/router/layer.js:95:5)
2019-03-07T07:48:13.982869+00:00 app[web.1]: at /app/node_modules/express/lib/router/index.js:281:22
2019-03-07T07:48:14.040222+00:00 heroku[web.1]: Process exited with status 1
2019-03-07T07:48:13.986121+00:00 heroku[router]: at=error code=H13 desc="Connection closed without response" method=POST path="/server.js" host=◯◯◯.com request_id=044984cb-5104-4a00-b816-a2cc86619230 fwd="◯◯.◯◯.◯◯.◯◯" dyno=web.1 connect=0ms service=81ms status=503 bytes=0 protocol=https

Comments

[t_obara]

構成がよくわかりません。
mysqlサーバがどこにあり、どこからアクセスすることを想定しているのですか？

[tabuu]

>Access to XMLHttpRequest at 'https://◯◯◯.com/server.js' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
このエラーも気になるところですが、

データベースに実際にアクセスするプログラムを配置しているのはローカルPCですか？
herokuのサーバですか？
herokuのサーバからローカルPCのMySQLにアクセスするということでしたら、
sqlSelect.jsに設定するMySQLのhostのIPアドレスはローカルPCのグローバルIPです。
(127.0.0.1であればherokuサーバ自身になります)

また、ローカルPCはインターネットから接続できるようにネットワークの設定も
大丈夫でしょうか？

[ShoSakata]

サーバーは以下3つ存在しています。構成もあわせて記載いたします。
・フロントサイド(localhost:3000)
　app - js - index.js(フロントサイドのjs)
　　 |- index.html

・サーバーサイド(https://◯◯◯.herokuapp.com/server.js)
　app - server.js
　　 |- nodejs - sqlSelect.js(SQLが記載されており、本jsファイルよりMySQLにアクセスます。)

・MySQLのサーバー(localhost:3006)

>データベースに実際にアクセスするプログラムを配置しているのはローカルPCですか？herokuのサーバですか？
herokuのサーバです。

MySQLのhostのIPアドレスをグローバルIPを変更したところ、エラーに変化がありました。

```
2019-03-07T10:45:55.543580+00:00 app[web.1]: /app/nodejs/sqlSelect.js:278
2019-03-07T10:45:55.543583+00:00 app[web.1]: throw err;
2019-03-07T10:45:55.543584+00:00 app[web.1]: ^
2019-03-07T10:45:55.543586+00:00 app[web.1]:
2019-03-07T10:45:55.543587+00:00 app[web.1]: Error: connect ETIMEDOUT
2019-03-07T10:45:55.543589+00:00 app[web.1]: at Connection._handleConnectTimeout (/app/node_modules/mysql/lib/Connection.js:411:13)
2019-03-07T10:45:55.543590+00:00 app[web.1]: at Object.onceWrapper (events.js:276:13)
2019-03-07T10:45:55.543591+00:00 app[web.1]: at Socket.emit (events.js:188:13)
2019-03-07T10:45:55.543592+00:00 app[web.1]: at Socket._onTimeout (net.js:446:8)
2019-03-07T10:45:55.543594+00:00 app[web.1]: at listOnTimeout (timers.js:324:15)
2019-03-07T10:45:55.543595+00:00 app[web.1]: at processTimers (timers.js:268:5)
2019-03-07T10:45:55.543596+00:00 app[web.1]: --------------------
2019-03-07T10:45:55.543598+00:00 app[web.1]: at Protocol._enqueue (/app/node_modules/mysql/lib/protocol/Protocol.js:144:48)
2019-03-07T10:45:55.543599+00:00 app[web.1]: at Protocol.handshake (/app/node_modules/mysql/lib/protocol/Protocol.js:51:23)
2019-03-07T10:45:55.543601+00:00 app[web.1]: at Connection.connect (/app/node_modules/mysql/lib/Connection.js:118:18)
2019-03-07T10:45:55.543602+00:00 app[web.1]: at Object.tutorSearch (/app/nodejs/tutor-search-server.js:269:12)
2019-03-07T10:45:55.543603+00:00 app[web.1]: at /app/server.js:35:11
2019-03-07T10:45:55.543604+00:00 app[web.1]: at Layer.handle [as handle_request] (/app/node_modules/express/lib/router/layer.js:95:5)
2019-03-07T10:45:55.543606+00:00 app[web.1]: at next (/app/node_modules/express/lib/router/route.js:137:13)
2019-03-07T10:45:55.543607+00:00 app[web.1]: at Route.dispatch (/app/node_modules/express/lib/router/route.js:112:3)
2019-03-07T10:45:55.543608+00:00 app[web.1]: at Layer.handle [as handle_request] (/app/node_modules/express/lib/router/layer.js:95:5)
2019-03-07T10:45:55.543610+00:00 app[web.1]: at /app/node_modules/express/lib/router/index.js:281:22
2019-03-07T10:45:55.578028+00:00 heroku[router]: at=error code=H13 desc="Connection closed without response" method=POST path="/server.js" host=◯◯◯.herokuapp.com request_id=fc47ec5d-bb21-4ec5-b2a3-f4054be08f7d fwd="◯◯.◯◯.◯◯.◯◯" dyno=web.1 connect=1ms service=10308ms status=503 bytes=0 protocol=https
2019-03-07T10:45:55.675900+00:00 heroku[web.1]: Process exited with status 1
2019-03-07T10:45:55.695980+00:00 heroku[web.1]: State changed from up to crashed
2019-03-07T10:45:56.621692+00:00 heroku[web.1]: State changed from crashed to starting
2019-03-07T10:45:59.857660+00:00 heroku[web.1]: Starting process with command `node server.js`
2019-03-07T10:46:02.604147+00:00 heroku[web.1]: State changed from starting to up
```

>ローカルPCはインターネットから接続できるようにネットワークの設定も大丈夫でしょうか？
知識不足で申し訳ないのですが、どのような設定が必要になりますでしょうか。

[tabuu]

>MySQLのhostのIPアドレスをグローバルIPを変更したところ、エラーに変化がありました。
本当にローカルPCにグローバルIPアドレスが付与されているのでしょうか？

>知識不足で申し訳ないのですが、どのような設定が必要になりますでしょうか。
ネットワーク構成が分からないとアドバイスのしようがありません。
ルータを挟まずにローカルPCをインターネット接続業者の回線に直繋ぎしているのであれば
ローカルPCのファイアーウォールの設定だけで上手くいくかもしれませんが、通常はルータを
設置しているはずです。
なので、ネットワーク構成が必要になります。
ちなみにグローバルIPアドレスは固定になるような契約をされていますでしょうか？

[ShoSakata]

>本当にローカルPCにグローバルIPアドレスが付与されているのでしょうか？
http://degilog.jp/mac-ipaddress/をもとにグローバルIPアドレスを調べたつもりでしたが、ただのローカルのIPアドレスかもしれないです。
特にグローバルIPアドレスを付与する契約はしていないため、グローバルIPアドレスは付与されていないと思います。
グローバルIPアドレスは付与されていない場合、ローカルのmysqlに接続することはできないのでしょうか。

Answer 1

DBがローカルでは難しかったため、DBも以下のページを参考にして、デプロイすることで接続することができました。
https://laraweb.net/environment/4115/