【React.js Node.js Express MongoDBでwebアプリ】③MongoDBとMongooseの設定

こんにちは、Mako（@makokamiya）です。

今回は、こちらのチュートリアルを参考に、React.js + Node.js + Express + MongoDB(MERN stack)の構成でwebアプリを作ろうと思うので、調べた内容を記録していきます！

前回までは、Node.jsを新規作成し、モジュールをインストールまでを行い、Expressの設定とHello,World!までをまとめました。

今回は、こちらのチュートリアルの、バックエンドNode.js, Express & MongoDb: Build a CRUD Rest Api exampleに沿って、MongoDBとmongoseの設定をまとめます。

1. MongoDBとmongoseの設定
2. 用語・コードの理解
- 2.1. mongoose.connect();
- 2.2. Promiseとは
3. まとめ
4. 参考チュートリアル

MongoDBとmongoseの設定

app フォルダーの中にconfig フォルダーを作成し、その中に db.config.js ファイルを作成します。

// MongoDBのurlを設定する。
module.exports = {
  url: "mongodb://localhost:27017/<dbname>"
};

app フォルダーの中にmodel フォルダーを作成し、その中に index.js ファイルを作成します。
（user.model.js ファイルは後に作成します。）

※参考にしたチュートリアルではtutorialモデルを作成していますが、今回作るアプリではuserモデルを作成しています。置き換えてお読みください。

// db.config.jsの読み込み
const dbConfig = require("../config/db.config.js");

// mongooseの読み込み
const mongoose = require("mongoose");


const db = {};
db.mongoose = mongoose;
db.url = dbConfig.url;
db.users = require("./user.model.js")(mongoose);

module.exports = db;

server.js に下記の接続コードを追記します。

const db = require("./app/models");
db.mongoose.connect(db.url, {
    useNewUrlParser: true,
    useUnifiedTopology: true
})
.then(() => {
    console.log("Connected to the database!");
})
.catch(err => {
    console.log("Cannot connect to the database!", err);
    process.exit();
});

用語・コードの理解

mongoose.connect();

mongoose.connect()メソッドを使って、MongoDBに接続します。

以下のように書きます。urlは必須です。

mongoose.connect(uri, options);

urlの部分は以下のように書きます。

"mongodb://localhost:27017/dbname"

dbnameに書いた名前がデータベース名として作成されます。ちなみに、27017がMongoDBのデフォルトポートです。

参考：mongoose – Connections

Promiseとは

Promiseは非同期処理を抽象化したオブジェクトとそれを操作する仕組みのことをいいます。
（略）
非同期処理を抽象化したpromiseオブジェクトというものを用意し、そのpromiseオブジェクトに対して成功時の処理と失敗時の処理の関数を登録するようにして使います。
https://azu.github.io/promises-book/#what-is-promise

また、チュートリアルでは、mongoose.Promise = global.Promise; が書かれていますが、Mongoose5からデフォルトで対応されているので書かなくていいそうです。