JavascriptでMYSQLに接続する。

Question

学習用に、ログイン機能をもったアプリを作ろうと思っています。
そのためDBに接続、参照もしくは登録したいと考えています。
環境
言語：HTML/Javascript
DB：MYSQL
OS：　windows
ブラウザ：IE

接続ソースがわからないため、Node.jsのコードを参考にしたのですが接続できませんでした。

以下はソースです。
function openConnection() {
const mysql=require('mysql');
const connection=mysql.createConnection({
host:host, //それぞれ右側は変数
user:user,
database:database,
pass:pass
});
connection.connect();
connection.end();
}

エラー原因はrequireが定義されていない
と表示されます。

お聞きしたのは
JavascriptでMYSQLに接続するソース
です。

よろしくお願いいたします。

Comments

[miyabi_pudding]

当該ソースコードは、HTML上、ブラウザでの実行ということでしょうか？Node.JSは、サーバーサイドなので、DBに接続などできますが、ブラウザ（クライアントサイド）からのJavaScript実行では、DBに接続はできません。

[m.ts10806]

そもそもNode.jsが何か分かっていて、きちんと環境を準備されてるのでしょうか

Answer 1

前提として質問文にあるような解決方法は不可能です。

そもそもJavaScriptには自由に別のネットワークにアクセスしてサーバとやり取り出来る機能は存在しません。
あるのはブラウザがAPIとして用意してくれたXMLHttpRequestというAjax通信を行うAPIをお借りしてHTTPリクエスト通信を飛ばすことだけです。

Node.jsはC++製のHTTP通信モジュール等を作ってくっつけてrequire関数で呼べるように魔改造したソフトウェアです。
なので純粋なJavaScriptではrequireはありませんし、MySQLサーバと通信することも不可能です。

---

では一般的にはどうしているか？に焦点をあわせます。
JavaScriptはXMLHttpRequestというAjax通信を行うAPIがあります。
これでHTTPのリクエストを発射することが可能です。

ログイン機能を有したWebサーバをPHPやRubyやNode.js等で実装して待ち受け、
Ajax通信にIDやパスワード等を盛り込んだHTTPリクエストを受け取ったら変わりにMySQLとのやり取りを行って認証OK/NGを返すような仕組みを実装します。

このようにJavaScript単体ではできないことも何かに代替してもらうことで実現が可能です。

Comments

[23_sora]

そのような仕組みになっていたのですか！
詳細に教えて頂きありがとうございます。

Answer 2

ブラウザで動いてるjavaScriptからはデータベースには接続出来ません。
node.jsをお使いのPCにinstallした上でnode.jsのscriptとして実行します。（実行にはブラウザは使いません）

Node.js / npmをインストールする（for Windows）

Comments

[23_sora]

Mysql関係を調べるとNode.jsが頻繁にヒットするためNode.jsを使いたいと思います。
ありがとうございます。

Answer 3

なんの知識もないままnode.jsをつかうよりはXAMPPなどで
phpあたりを経由してアクセスしたほうが楽だと思います。

Comments

[23_sora]

まだプログラミングをはじめて少しで、PHPやXAMPPのことを知らないため今回はNode.jsを用いたいと思います。
回答していただきありがとうございます。