Nodejs はフロントエンド プロジェクトをサーバーにデプロイします

フロントエンド開発において、Node.js は非常に重要な役割を果たしています。これは依存関係の管理に役立つだけでなく、ローカル開発時のデバッグに便利で使いやすいサーバーを構築するのにも役立ちます。ただし、フロントエンド プロジェクトを運用環境に配置する場合は、プロジェクトがサーバー上でスムーズに実行できるように、Node.js サーバーをデプロイする必要があります。

この記事では、Node.js を使用してフロントエンド プロジェクトをサーバーにデプロイする方法について説明します。主に次の手順が含まれます。

1. サーバー環境の確認

デプロイの前に、サーバーに Node.js 環境がインストールされているかどうかを確認する必要があります。インストールされていない場合は、次の手順に従ってインストールできます。

• ターミナルを開き、次のコマンドを入力して Node.js をインストールします:

sudo apt install nodejs

• インストールが成功したかどうかを確認して、次のコマンドを入力して Node.js のバージョンを確認します。

node -v

Node.js のバージョン番号が表示された場合は、正常にインストールされたことを意味します。

2. フロントエンド プロジェクトの依存関係を確認する

フロントエンド プロジェクトをデプロイするには、プロジェクトが依存するすべてのライブラリまたはプラグインがインストールされています。ローカル開発環境で次のコマンドを実行すると、すべての依存関係を表示できます。

npm list

このコマンドは、node_modules フォルダー内のすべてのライブラリとその依存関係を一覧表示します。依存関係が変更された場合は、次のコマンドを使用して依存関係を更新する必要があります:

npm install

3. サーバー スクリプトの書き込み

サーバー環境とフロントエンド プロジェクトの依存関係を確認した後、サーバーを起動するにはスクリプトを作成する必要があります。以下は、単純な Node.js サーバー スクリプト コードの例です。

const express = require('express')
const app = express()

app.use(express.static('public'))

app.listen(3000, () => {
  console.log('App listening on port 3000!')
})

このコード例では、Express フレームワークを使用して、public フォルダー内の静的ファイル (HTML、CSS、JavaScript など) を変換します。サーバー上で公開されます。静的ファイルを表示するには、ブラウザで localhost:3000 にアクセスします。

フロントエンド アプリケーションがシングル ページ アプリケーション (SPA) の場合、対応する HTML ファイルをロードする代わりに、すべてのルートが index.html を指すようにする必要がある場合があります。ルート。 Node.js 経由でルート マップを構成するコード例を次に示します。

app.get('*', function(req, res) {
  res.sendFile(path.join(__dirname, 'public/index.html'))
})

上記のコード スニペットは、すべてのリクエストに対して同じ応答を構成します。つまり、ディレクトリ public# で index を探します。 ##.html を応答として返します。

プロジェクトをサーバーにデプロイする

コードをサーバーにデプロイする最良の方法は、Git を使用することです。以下はサンプル手順です:

サーバー上の SSH 経由で Git リポジトリに接続します。まず、Git をインストールする必要があります:

sudo apt-get install git

プロジェクト フォルダーを作成します:

mkdir project_name && cd project_name

プロジェクトのクローン作成:

git clone git@github.com:<your_username>/<your_repository_name>.git ./

依存ライブラリのインストール:

npm install

サーバーのコピースクリプトをプロジェクト ファイル フォルダーに追加します。

cp /path/to/server.js ./

PM2 を使用してサーバーを管理します

上記の手順を完了すると、Node.js を使用してサーバー上のアプリケーション。ただし、サーバーがクラッシュしたり、アプリケーションが異常に動作した場合は、サーバーとアプリケーションを手動で再起動する必要がある場合があります。したがって、プロセス マネージャーを使用する必要があり、PM2 は良い選択です。

まず、サーバーに PM2 をインストールする必要があります:

sudo npm install pm2 -g

次に、PM2 コマンドを使用してサーバーをバックグラウンドで実行します:

pm2 start server.js --name=<app_name>

where

app_name はあなたです プロジェクトに名前を付けます。次のコマンドを使用して、PM2 によって実行されているアプリケーションのリストを表示できます:

pm2 list

次のコマンドを使用してアプリケーションを閉じます:

pm2 stop <app_name>

次のコマンドを使用してアプリケーションを再起動します:

pm2 restart <app_name>

この記事では、Node.js を使用してフロントエンド プロジェクトをサーバーにデプロイする方法について説明しました。この知識があれば、フロントエンド プロジェクトを運用環境にスムーズにデプロイし、PM2 を通じてプロセスを管理できるはずです。

以上がNodejs はフロントエンド プロジェクトをサーバーにデプロイしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。