JavaScriptでデータベースを操作する方法を紹介｜データベースの操作方法を整理しましょう
- SE
- JavaScriptでデータベースを操作する方法を教えてほしいのですが。
- PM
- それでは、JavaScriptでデータベースを操作する方法についてご紹介いたしましょう。
目次
JavaScriptでデータベースを操作する方法
今回は、JavaScriptでデータベースを操作する方法について説明します。
データベースを操作するには、サーバサイドJavaScriptを使用します。JavaScriptはクライアントサイドのプログラミング言語として有名ですが、サーバサイドのプログラミング言語としても動作します。
サーバーサイドでJavaScriptを動作させる環境を、Node.jsを使用して作成します。JavaScriptでのデータベース操作方法に興味のある方はぜひご覧ください。
準備
ここでは、Node.jsはインストールしている前提で説明を進めます。今回は、データベースはMySQLとします。
まず、MySQLを扱うためのモジュールをインストールします。ターミナルから以下のコマンドを実行してください。
|
1 2 3 |
npm install mysql |
MySQLをインストールしたら、userテーブルを作成しておきます。
今回は、このようなテーブルとします。
|
1 2 3 4 5 6 7 8 9 10 |
mysql> show columns from user; +-------+-------------+------+-----+---------+----------------+ | Field | Type | Null | Key | Default | Extra | +-------+-------------+------+-----+---------+----------------+ | id | int(11) | NO | PRI | NULL | auto_increment | | name | varchar(50) | YES | | NULL | | | age | int(11) | YES | | NULL | | +-------+-------------+------+-----+---------+----------------+ |
次に、初期データを登録しておきます。
このようなデータが登録されていることとします。
|
1 2 3 4 5 6 7 8 9 10 11 |
mysql> select * from user; +----+--------+------+ | id | name | age | +----+--------+------+ | 1 | taro | 10 | | 2 | jiro | 20 | | 3 | saburo | 30 | | 4 | shiro | 40 | +----+--------+------+ |
データベースに接続
それではデータベースに接続してみましょう。JavaScriptでデータベースに接続するには、以下のように記述します。
ホスト名などは環境に合わせて書き換えてください。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
// app.js const mysql = require('mysql'); const connection = mysql.createConnection({ host: 'ホスト名', user: 'ユーザー名', password: 'パスワード', database: 'データベース名' }); connection.connect((err) => { if (err) throw err; console.log('Connected!'); }); |
|
1 2 |
~/test$ node app.js Connected! |
このようにして、JavaScriptでデータベースに接続します。
検索（Select）
JavaScriptでデータベースからデータを取得できます。
実際のソースコードを見てみましょう。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
// app.js const mysql = require('mysql'); const connection = mysql.createConnection({ host: 'ホスト名', user: 'ユーザー名', password: 'パスワード', database: 'データベース名' }); connection.connect((err) => { if (err) throw err; console.log('Connected!'); }); connection.query('SELECT * FROM user', (err,rows) => { if(err) throw err; console.log('Data received from Db:\n'); console.log(rows); }); |
実行結果は以下のようになります。
|
1 2 3 4 5 6 7 8 9 10 |
~/test$ node app.js Connected! Data received from Db: [ RowDataPacket { id: 1, name: 'taro', age: 10 }, RowDataPacket { id: 2, name: 'jiro', age: 20 }, RowDataPacket { id: 3, name: 'saburo', age: 30 }, RowDataPacket { id: 4, name: 'shiro', age: 40 } ] |
queryにクエリを記述してデータを取得しています。このように、JavaScriptでデータベースからデータを取得できます。
挿入（Insert）
JavaScriptでデータベースにデータを挿入できます。
実際のソースコードを見てみましょう。
※データベースへの接続部分は省略します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
const newUser = { name: 'goro', age: 50 }; connection.query('INSERT INTO user SET ?', newUser, (err, res) => { if(err) throw err; console.log('Last insert ID:', res.insertId); }); connection.query('SELECT * FROM user', (err,rows) => { if(err) throw err; console.log('Data received from Db:\n'); console.log(rows); }); |
実行結果は以下のようになります。
|
1 2 3 4 5 6 7 8 9 10 |
Last insert ID: 5 Data received from Db: [ RowDataPacket { id: 1, name: 'taro', age: 10 }, RowDataPacket { id: 2, name: 'jiro', age: 20 }, RowDataPacket { id: 3, name: 'saburo', age: 30 }, RowDataPacket { id: 4, name: 'shiro', age: 40 }, RowDataPacket { id: 5, name: 'goro', age: 50 } ] |
新しく挿入したデータのIDを取得して表示しています。
Selectすると、挿入したデータが取得できていることが分かります。
このように、JavaScriptでデータベースにデータを挿入できます。
更新（Update）
JavaScriptでデータベースのデータを更新できます。
実際のソースコードを見てみましょう。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
connection.query( 'UPDATE user SET name = ? Where ID = ?', ['goro2', 5], (err, result) => { if (err) throw err; console.log(`Changed ${result.changedRows} row(s)`); } ); connection.query('SELECT * FROM user', (err,rows) => { if(err) throw err; console.log('Data received from Db:\n'); console.log(rows); }); |
実行結果は以下のようになります。
|
1 2 3 4 5 6 7 8 9 10 |
Changed 1 row(s) Data received from Db: [ RowDataPacket { id: 1, name: 'taro', age: 10 }, RowDataPacket { id: 2, name: 'jiro', age: 20 }, RowDataPacket { id: 3, name: 'saburo', age: 30 }, RowDataPacket { id: 4, name: 'shiro', age: 40 }, RowDataPacket { id: 5, name: 'goro2', age: 50 } ] |
更新されたデータ数をresult.changedRowsで取得します。Selectすると、データが更新できていることが分かります。
このように、JavaScriptでデータベースのデータを更新できます。
削除（Delete）
JavaScriptでデータベースのデータを削除できます。
実際のソースコードを見てみましょう。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
connection.query( 'DELETE FROM user WHERE id = ?', [5], (err, result) => { if (err) throw err; console.log(`Deleted ${result.affectedRows} row(s)`); } ); connection.query('SELECT * FROM user', (err,rows) => { if(err) throw err; console.log('Data received from Db:\n'); console.log(rows); }); |
実行結果は以下のようになります。
|
1 2 3 4 5 6 7 8 9 |
Deleted 1 row(s) Data received from Db: [ RowDataPacket { id: 1, name: 'taro', age: 10 }, RowDataPacket { id: 2, name: 'jiro', age: 20 }, RowDataPacket { id: 3, name: 'saburo', age: 30 }, RowDataPacket { id: 4, name: 'shiro', age: 40 } ] |
削除されたデータ数をresult.affectedRowsで取得します。Selectすると、データが削除できていることが分かります。
このように、JavaScriptでデータベースのデータを削除できます。
- SE
- データベースもJavaScriptで操作することができるのですね。
- PM
- 今回はNode.jsからMySQLのデータベースを操作する方法について紹介しましたが、それ以外にも、PostgreSQLやMongoDBなども操作することができます。
まとめ
いかがでしたでしょうか。サーバーサイドでJavaScriptを動作させる環境を、Node.jsを使用して作成しました。
さらにNode.jsからMySQLのデータベースを操作する方法について紹介しました。データベースはMySQL以外にも、PostgreSQLやMongoDBなども操作できます。
ぜひご自身でソースコードを書いて、理解を深めてください。
