GNU/Linux >> Linux の 問題 >  >> Ubuntu

Ubuntu18.04LTSにMEAN.JSスタックをインストールします

MEAN.JS は、高速で堅牢なWebアプリケーションを構築するためのオープンソースのフルスタックJavaScriptソリューションです。 MEAN.JS スタックはMongoDBで構成されます (NoSQLデータベース)、 ExpressJs (NodeJSサーバー側アプリケーションWebフレームワーク)、 AngularJS (クライアント側のWebアプリケーションフレームワーク)、および Node.js (JavaScriptランタイム、Webサーバープラットフォームとして人気があります)。このチュートリアルでは、UbuntuにMEAN.JSスタックをインストールする方法について説明します。このガイドは、Ubuntu18.04LTSサーバーでテストされました。ただし、他のUbuntuバージョンおよびUbuntuバリアントでは機能するはずです。

MongoDBをインストールする

MongoDB は、無料のクロスプラットフォームのオープンソースのNoSQLドキュメント指向データベースです。 UbuntuシステムにMongoDBをインストールするには、次のガイドを参照してください。

  • LinuxにMongoDBCommunityEditionをインストールする

Node.jsをインストール

NodeJS は、スケーラブルなネットワークアプリケーションの構築に使用できる、オープンソースのクロスプラットフォームで軽量のJavaScriptランタイム環境です。

システムにNodeJSをインストールするには、次のガイドを参照してください。

  • LinuxにNodeJSをインストールする方法

、MongoDB、Node.jsをインストールした後、ヤーンなどの他の必要なコンポーネントをインストールする必要があります 、 Grunt 、およびガルプ MEAN.jsスタックの場合。

Yarnパッケージマネージャーのインストール

Yarnは、フロントエンドパッケージを管理するためにMEAN.JSスタックによって使用されるパッケージマネージャーです。

Bowerをインストールするには、次のコマンドを実行します:

$ npm install -g yarn

GruntTaskRunnerのインストール

Grunt Task Runnerは、開発プロセスを自動化するために使用されます。

Gruntをインストールするには、次のコマンドを実行します:

$ npm install -g grunt-cli

YarnとGruntがインストールされているかどうかを確認するには、次のコマンドを実行します。

$ npm list -g --depth=0
/home/sk/.nvm/versions/node/v11.11.0/lib
├── [email protected]
├── [email protected]
└── [email protected]

Gulp Task Runnerのインストール(オプション)

これはオプションです。 Gruntの代わりにGulpを使用できます。 Gulp Task Runnerをインストールするには、次のコマンドを実行します。

$ npm install -g gulp

必要な前提条件をすべてインストールしました。それでは、MEAN.JSスタックをデプロイしましょう。

MEAN.JSスタックをインストールする

まだインストールされていない場合はGitをインストールします:

$ sudo apt-get install git

次に、次のコマンドを使用してMEAN.JSリポジトリのクローンを作成します:

$ git clone https://github.com/meanjs/mean.git meanjs

出力例:

Cloning into 'meanjs'...
remote: Counting objects: 8596, done.
remote: Compressing objects: 100% (12/12), done.
remote: Total 8596 (delta 3), reused 0 (delta 0), pack-reused 8584
Receiving objects: 100% (8596/8596), 2.62 MiB | 140.00 KiB/s, done.
Resolving deltas: 100% (4322/4322), done.
Checking connectivity... done.

上記のコマンドは、最新バージョンのMEAN.JSリポジトリを meanjsに複製します。 現在の作業ディレクトリ内のフォルダ。

meanjsフォルダーに移動します:

$ cd meanjs/

次のコマンドを実行して、アプリケーションのテストと実行に必要なNode.jsの依存関係をインストールします。

$ npm install

これには時間がかかります。しばらくお待ちください。

トラブルシューティング:

上記のコマンドをUbuntu18.04LTSで実行すると、次のエラーが発生します。

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.5.3/linux-x64-67_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v4.5.3/linux-x64-67_binding.node":

HTTP error 404 Not Found

[....]

「node-sassとgulp-sass」のようなこの種の一般的なエラーが発生した場合は、次の手順を実行してください。

まず、次のコマンドを使用して、プロジェクトとグローバルgulp-sassモジュールをアンインストールします。

$ npm uninstall gulp-sass
$ npm uninstall -g gulp-sass

次に、グローバルノード-sassモジュールをアンインストールします:

$ npm uninstall -g node-sass

最初にグローバルノードsassをインストールします。次に、gulp-sassモジュールをローカルプロジェクトレベルでインストールします。

$ npm install -g node-sass
$ npm install gulp-sass

次に、コマンドを使用してプロジェクトフォルダからnpmインストールを再試行します:

$ npm install

これで、すべての依存関係が問題なくインストールを開始します。

すべての依存関係がインストールされたら、次のコマンドを実行して、アプリケーションに必要なすべてのフロントエンドモジュールをインストールします。

$ yarn --allow-root --config.interactive=false install

または、

$ yarn --allow-root install

インストールが成功すると、最後に次のメッセージが表示されます。

[...]
> [email protected] snyk-protect /home/sk/meanjs
> snyk protect

Successfully applied Snyk patches

Done in 99.47s.

MEAN.JSをテストする

MEAN.JSスタックがインストールされました。これで、コマンドを使用してサンプルアプリケーションを起動できます:

$ npm start

数秒後、次のようなメッセージが表示されます。これは、MEAN.JSスタックが機能していることを意味します!

[...]
MEAN.JS - Development Environment

Environment: development
Server: http://0.0.0.0:3000
Database: mongodb://localhost/mean-dev
App version: 0.6.0
MEAN.JS version: 0.6.0

確認するには、ブラウザを開いて http:// localhost:3000に移動します またはhttp:// IP-Address:3000 / 。以下のような画面が表示されます。

平均スタックテストページ

おめでとうございます! MEAN.JSスタックは、Webアプリケーションの構築を開始する準備ができています。

詳細については、MEAN.JSスタックの公式ドキュメントを参照することをお勧めします。 。

CentOS、RHEL、Scientific LinuxでMEAN.JSスタックをセットアップしますか?詳細については、次のリンクを確認してください。

  • CentOS7にMEAN.JSスタックをインストールする

そして、今のところ、これですべてです。このチュートリアルがMEAN.JSスタックのセットアップに役立つことを願っています。

リソース:

  • MEAN.JSウェブサイト
  • MEAN.JSGitHubリポジトリ

関連記事:

  • LinuxでVagrantを使用してMongoDBをインストールする方法

Ubuntu
  1. Ubuntu22.04LTSにLAMPスタックをインストールする方法

  2. Ubuntu20.04LTSにDokuwikiをインストールします

  3. Ubuntu 16.04 LtsのRabbitvcs?

  1. Ubuntu18.04LTSにElasticStackをインストールする方法

  2. Ubuntu20.04LTSにKarbonをインストールします

  3. Ubuntu14.04にMEANをインストールします

  1. Ubuntu15.04にMEAN.JSJavaScriptスタックをインストールする方法

  2. Ubuntu18.04LTSにPython3.7をインストールします

  3. Ubuntu20.04LTSにPython3.9をインストールします