MERNは、MongoDB、Express、React、NodeJSで構成される人気のあるスタックです。このスタックはJavaScriptに基づいており、最新のスケーラブルなWebアプリケーションを構築するために使用されます。これは、フロントエンド(React)、バックエンド(NodeおよびExpress)、およびデータベースコンポーネント(MongoDB)で構成されています。
ここLinuxAPTでは、サーバー管理サービスの一部として、お客様が関連するMongoDB構成クエリを実行するのを定期的に支援しています。
これに関連して、Ubuntu20.04にMERNStackをインストールする方法を検討します。
Ubuntu20.04にMERNスタックまたはJSベースのアプリケーションをインストールして構成する手順
1.MongoDBをインストールします
MongoDBは、NoSQLファミリーの一部であるクロスプラットフォームのドキュメント指向データベースプログラムです。NoSQLは、ドキュメントとコレクションを使用してバイナリJSON形式でデータを保存するという点で、従来のテーブルベースのSQLデータベースとは異なります。これにより、ダウンタイムなしでデータベースに大きな変更を加えることができます。
MongoDBは公式のUbuntuリポジトリで利用できますが、最新バージョンでは利用できません。この記事の執筆時点で、ダウンロード可能なMongoDBの最新バージョンは5.0です。
MongoDB 5.0 CommunityEditionをUbuntu20.04にインストールするには、最初に次のコマンドを使用してGPGキーをインポートする必要があります。
$ wget -qO - https://www.mongodb.org/static/pgp/server-5.0.asc | sudo apt-key add -
次に、次のコマンドを使用して、MongoDBリポジトリをAPTパッケージマネージャーに追加します。
$ echo "deb [ arch=amd64,arm64 ] https://repo.mongodb.org/apt/ubuntu focal/mongodb-org/5.0 multiverse" | sudo tee /etc/apt/sources.list.d/mongodb-org-5.0.list
次に、Ubuntuパッケージリポジトリを更新します:
$ sudo apt update
次に、次のコマンドを使用してMongoDBをインストールします:
$ sudo apt install mongodb-org* -y
インストールが完了したら、MongoDBを起動して有効にし、システムの起動時に自動的に実行されるようにします。コマンドを実行します:
$ sudo systemctl start mongod
$ sudo systemctl enable mongod
インストールが正常に行われたことを確認するには、次のコマンドを実行してMongoDBのステータスを確認します。
$ sudo systemctl status mongod
これで、MongoDBサービスが稼働していることがわかります。
2.MongoDB管理者ユーザーを作成します
次に、データベースの管理者ユーザーを作成しましょう。次のコマンドでMongoDBにログインします:
$ sudo mongo
Mongoシェルに接続したら、次のコマンドを実行して、管理者ユーザーのパスワードを作成および設定します。
$ use admin
$ db.createUser({user: "admin" , pwd: passwordPrompt() , roles: [{ role: "userAdminAnyDatabase" , db: "admin"}]})
次のコマンドでMongoシェルを終了します:
$ exit
3.NodeJSをインストールします
Node.jsは、オープンソースのクロスプラットフォームJavascriptランタイム環境であり、高速でスケーラブルなサーバー側アプリケーションを構築できます。 Node.jsは通常、React、Vue、AngularなどのJavaScriptフロントエンドフレームワークで使用されます。
MongoDBと同様に、最新バージョンのNode.jsはUbuntuのデフォルトパッケージリポジトリでは利用できません。次のコマンドを使用して、ノードソースリポジトリをシステムパッケージに追加する必要があります。
$ curl -sL https://deb.nodesource.com/setup_14.x | bash -
リポジトリが追加されたら、次のコマンドを使用してNode.jsのインストールに進みます。
$ sudo apt-get install nodejs -y
次に、次のコマンドを使用してNode.jsのバージョンを確認します。
$ node --version
インストールされているnpmのバージョンを確認することもできます。 NPMは、JavaScriptアプリケーションを開発するためのすべてのライブラリとその他のツールを含むノードパッケージマネージャーです。コマンドを実行します:
$ npm --version
4.ReactJSをインストールします
ReactJSは、レスポンシブで最新のユーザーインターフェイスを作成するためのJavaScriptライブラリです。
まず、npmパッケージマネージャーを使用してcreate-react-appツールをインストールする必要があります。 Create-react-appは、Reactアプリケーションのビルドと実行に必要なツールをインストールします。コマンドを実行します:
$ npm install -g create-react-app
これで、React.jsアプリケーションを作成する準備が整いました。コマンドを実行します:
$ create-react-app my-app
次に、次のコマンドでReactJSアプリケーションを起動するために、my-appディレクトリに移動します。
$ cd my-app
$ npm start 0.0.0.0
次に、Webブラウザーを開き、次のアドレスを使用してReactにアクセスします。
http://your-server-ip:3000
5.ExpressJSをインストールします
ExpressJSは、NodeJS用の最小限のWebアプリケーションフレームワークであり、最新のモバイルおよびWebアプリケーション向けの堅牢な機能を備えています。 Reactをインストールした後、express-generatorをインストールできます:
$ npm install -g express-generator
次に、次のコマンドを使用して新しいExpressアプリケーションを作成します。
$ express new-app
次に、プロジェクトディレクトリに移動し、次のコマンドを実行してすべてのNPM依存関係をインストールします。
$ cd new-app
$ npm install
次に、次のコマンドを使用してExpressWebサーバーを起動します。
$ npm start 0.0.0.0
Expressアプリケーションにアクセスするには、Webブラウザーを開いて、次のアドレスに移動します。
http://your-server-ip:3000