Nuxt.jsプロジェクトのDockerデプロイメントの実装

Docker 公式ドキュメント: https://docs.docker.com/

Docker はオープンソースのアプリケーション コンテナ エンジンであり、開発者はアプリケーションと依存関係をポータブル イメージにパッケージ化して、一般的な Linux または Windows マシンに公開し、仮想化も実現できます。コンテナーは完全なサンドボックス メカニズムを使用し、相互にインターフェイスを持ちません。

dockerを使用してnuxt.jsプロジェクトをデプロイする

1. ノードイメージを構築する

ノード:alpineから

アルパインバージョンを使用する理由は何ですか?

他の Docker イメージと比較すると、容量が非常に小さく、わずか 5 MB 程度 (Ubuntu シリーズのイメージの場合は約 200 MB) で、非常に使いやすいパッケージ管理メカニズムを備えています。公式イメージは docker-alpine プロジェクトから提供されています。 現在、Docker はベースイメージ環境として Ubuntu の代わりに Alpine を使用することを公式に推奨しています。これにはいくつかの利点があります。これらには、イメージのダウンロード速度の高速化、イメージのセキュリティの向上、ホスト間の切り替えの容易化、ディスク領域の使用量の削減などが含まれます。

2.プロジェクトの保存ディレクトリを設定する

mkdir -p /app/src を実行します。

3. プロジェクトコードをイメージにコピーする

コピー ./src /app/src

4. コマンドを実行するディレクトリを指定する

ワークディレクトリ /app/src

5. ホストを設定する

環境ホスト 0.0.0.0

6. プロジェクトのインストールとコンパイルを実行する

npm install を実行 npm run build を実行 npm cache clean --force を実行

7. 外部アクセスポートを設定する

エクスポーズ3000

8. nuxtプロジェクト実行コマンドを実行する

CMD ["npm", "開始"]

完全なDockerfile

ノード:alpineから

mkdir -p /app/src を実行します。
コピー ./src /app/src
ワークディレクトリ /app/src

環境変数ホスト "0.0.0.0"

sed -i "s/dl-cdn.alpinelinux.org/${ALPINE_REPOSITORIES}/g" /etc/apk/repositories を実行します。

apk add --no-cache make gcc g++ python を実行します

npmインストールを実行
実行 npm run build
npm cache clean --force を実行します。

apk del make gcc g++ python を実行

エクスポーズ3000
CMD ["npm", "開始"]

プロジェクトで sass または scss を使用する場合は、python 環境に依存する必要があるため、python をインストールする必要があります。もちろん、関連リソースをコンパイルした後、対応する依存関係を削除してイメージのサイズを縮小することもできます。

Dockerを実行する

1. イメージを構築する

docker build -t nuxt-demo

2. コンテナを起動する

docker run -dt -p 3000:3000 nuxt-demo

3. アクセス

ブラウザを開いて127.0.0.1:3000にアクセスします。

1. Docker Compose を使用すると、コンテナをオーケストレーションし、マルチコンテナ アプリケーションを迅速にデプロイできます。
2. nginx を使用してコンテナをプロキシし、ポートの形式でコンテナに直接アクセスすることを回避できます。

Nuxt.js プロジェクトの Docker デプロイメントの実装に関するこの記事はこれで終わりです。Nuxt.js の Docker デプロイメントに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。