Ubuntu 18.04 LTSでNuxt.js Webアプリケーションを設定する

• Nuxt.js：ユニバーサルフレームワーク
• Node.jsのインストール
• 足場アプリケーション
• 最初の開始
• 生産のための建物
• PM2：アプリケーションを簡単に管理

Nuxt.js：ユニバーサルフレームワーク

Nuxt.jsは、ユニバーサルVue.jsアプリケーションをすばやく作成するために設計されたJavaScriptフレームワークです。最も有名なのは、サーバーだけでなくクライアントでもレンダリングできるVue.jsアプリを作成できることです。このチュートリアルでは、サーバーレンダリングされたNuxt.jsアプリケーションを設定し、Ubuntu 18.04 LTSにデプロイします。

Node.jsのインストール

まず、Ubuntu 18.04 LTSを実行していることを確認する必要があります。次に、Node.jsがまだインストールされていない場合は、インストールする必要があります。このチュートリアルでは、ノードバージョンマネージャ（NVM）を使用して、このプロセスを大幅に簡略化します。

次のコマンドを使用してNVMをインストールします。

curl -sL https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh -o install_nvm.sh
bash install_nvm.sh
source ~/.profile
nvm install 11.1.0
nvm use 11.1.0

足場アプリケーション

Node.jsをインストールしたら、NPMを使用するために必要なパッケージのセットアップに進むことができます。create-nuxt-appNuxt.jsアプリケーションを簡単に作成できるコミュニティ製のツールである、便利な小さなツールを使用します。

ホームディレクトリで、次のコマンドを実行してアプリの生成を開始します。

npx create-nuxt-app <nameofproject>

コンソールはいくつかの重要なオプションを要求します。このチュートリアルでは、プロジェクトに「app」という名前を付けます。カスタムサーバーフレームワークとしてExpressを使用し、アプリケーションをユニバーサルモードで実行します。これにより、サーバー上にWebサイトが確実にレンダリングされます。必要なすべての権限を指定すると、インストールプロセスが開始され、すべての構成ファイルが作成されます。

最初の開始

すべてがダウンロードされたら、作成したフォルダにディレクトリを変更します。

cd app

これで、Nuxt.js開発サーバーを起動できます。

npm run dev

このコマンドは、モジュールバンドルであるwebpackを使用してサイトを構築し、ローカルホストポート（通常はport）でサイトを提供します3000。また、ファイルを変更するたびにアプリケーションを再起動する必要がなくなるホットリロードモジュールへのアクセスも提供します。アプリをユニバーサルモードで実行しているため、アプリはクライアントとサーバーの両方でコンパイルされます。これで、アプリケーションはポートで実行されます3000。

生産のための建物

開発モードは、アプリケーションを積極的に開発している場合に非常に役立ちます。ただし、アプリケーションを公開する準備ができたら、ホットリロードや開発者ツールなどのアドオンはそれほど重要ではなくなります。これが、本番環境用にアプリケーションを1回だけ作成する理由です。ありがたいことに、Nuxt.jsには、本番用のアプリのモジュールをすばやく構築するために使用できるツールが含まれています。次のコマンドを実行して、本番環境のビルドプロセスを開始します。

npm run build

基本的に、ここで行っているのは、すべてのWebpackモジュールを、本番用に最適化してコンパイルしています。

ビルドが完了すると、サイトを稼働させることができます。

npm start

次に、に移動するhttp://yourip:3000と、Nuxt.jsスプラッシュ画面が表示され、プロダクションモードで実行していることを確認できます。

PM2：アプリケーションを簡単に管理

これで、アプリケーションを運用環境で実行するための基本を理解できました。実稼働環境の観点からは、アプリケーションを永久に実行し続け、必要に応じてアプリケーションを自動再起動し、アプリケーションのリソースを監視するための良い方法を望みます。そこで登場するのがProcess Manager 2（PM2）です。PM2は、本番アプリケーション用のNode.jsプロセスマネージャーで、ロードバランシング、高度なログ、起動スクリプトなど、多くの重要な本番ツールが含まれています。まず、PM2をインストールします。

npm install pm2 -g

これにより、PM2がグローバルにインストールされ、サーバー上のどこでも使用できるようになります。PM2のダウンロードが完了すると、アプリケーションを起動できます。

pm2 start <appfolder>/server/index.js

アプリケーションルート内にあるサーバーファイルを起動していることに注意してください。

アプリケーションが消費しているリソースを表示する場合は、pm2 monitコマンドを使用して行うことができます。これにより、ncursesのインターフェイスと同様のインターフェイスが表示され、アプリケーションのRAM、CPU、ディスクの使用状況に関するデータを正確に収集できます。

これで、アプリケーションは、以前のnpmで実行したときとまったく同じように実行されるようになりますが、本番環境の最適化に関しては、はるかに細かく制御できます。

これで、Node.jsおよびUbuntu 18.04を使用して本番環境にデプロイされたNuxt.jsアプリケーションビルドができました。Nuxtについてさらに詳しく知りたい場合や、Nuxtのすべてが詳細な機能である場合は、公式ドキュメントにアクセスしてください。