Springboot および Vue プロジェクトの Docker デプロイメントの実装手順

Springboot および Vue プロジェクトの Docker デプロイメントの実装手順

A. SpringbootプロジェクトのDockerデプロイメント

1. Springbootプロジェクトのコンパイルとパッケージ化

2. プロジェクトのルートディレクトリにDockerfileファイルを作成する

openjdk:8-jdk-alpine から
ボリューム /tmp
./target/demo-0.0.1-SNAPSHOT.jar デモ.jar を追加します。
sh -c 'touch /demo.jar' を実行します。
ENTRYPOINT ["sh", "-c", "java $JAVA_OPTS -Djava.security.egd=file:/dev/./urandom -jar /demo.jar"]

demo-0.0.1-SNAPSHOT.jar は、jar パッケージ名に変更されます。

jarパッケージがJavaで実行されている場合は、openjdk:8-jdk-alpineを使用します。

3. ルートディレクトリで実行してDockerイメージを作成する

demmo-docker をビルドします。

4. プロジェクトを実行する

docker run docker run -dp 8080:8080 --name demo-docker demo-docker:1.0

B. VUEプロジェクトのDockerデプロイメント

1. VUEプロジェクトをコンパイルしてパッケージ化し、プロジェクトルートディレクトリで実行する

npm 実行ビルド

実行後、distフォルダが作成されます

2. distを空のフォルダにコピーし、Dockerfileファイルを作成する

nginxから
メンテナー管理者
dist/ /usr/share/nginx/html/ をコピーします。

dist フォルダーには、html、css、およびその他のファイルが含まれています。nginx を使用して html を実行できます。

3. Dockerfileの親フォルダで実行してDockerイメージを作成する

docker build -t demo-vue-docker を実行します。

4. プロジェクトを実行する

docker run --name car-vue -d -p 8080:80 デモ vue-docker

C. 画像をエクスポートする

docker save -o demo.tar デモ-docker:1.0
docker save -o vue-demo.tar デモ vue-docker

D. tarファイルをサーバーにコピーする

ファイルをサーバーにコピーします。rar ファイルはユーザー ディレクトリにあります。たとえば、Mac では /Users/ユーザー名/ にあります。ファイルが見つからない場合は、ツールを使用して見つけることができます。

E. 画像をインポートする

docker load -i デモ.tar
docker load -i vue-demo.tar

F. プロジェクトを実行する

これは上記の説明と一致しているため、ここでは繰り返さないことにします。

これで、docker デプロイメント springboot および vue プロジェクトの実装手順に関するこの記事は終了です。より関連性の高い docker デプロイメント springboot および vue プロジェクトのコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • フロントエンド Vue サービスの Docker コンテナ デプロイ (初心者向けチュートリアル)
  • Docker イメージ + nginx を使用して Vue プロジェクトをデプロイする方法
  • DockerでVueプロジェクトをデプロイする方法を教えます
  • vue-cli3 プロジェクトの構築最適化から Docker デプロイ方法まで
  • Dockerコンテナを使用してVueプログラムをデプロイする

<<:  MySQLはIDに適切なデータ型を選択します

>>:  企業サイトとコラム辞典 中国語と英語の比較 中国語と英語のバイリンガル企業サイトを作る仲間は

推薦する

入力タイプとは何を意味し、入力を制限する方法

入力を制限する一般的な方法1. ボタンが押されたときに点線のボックスを消すには、入力に属性値hide...

node.js の require メソッドの読み込みルールの詳細な説明

require メソッドの読み込みルールキャッシュからの読み込みを優先するコアモジュールパス形式のモ...

MySQL ソート機能の詳細

目次1. 問題のシナリオ2. 原因分析3. 解決策4. 知識を広げる4.1 クエリの最適化を制限する...

Linux の運用と保守で netstat の代わりに ss コマンドを使用する方法

序文Linux サーバーを操作および管理するときに、最もよく使用されるコマンドの 1 つが nets...

HTMLからPDFへのスクリーンショット保存機能の実装

テクノロジーの活用itext.jar: バイト ファイル入力ストリームを画像、PDF などに変換しま...

ウェブデザインでテキストのサイズを合わせる方法: 小さなテキスト、大きな体験

iPadなどのモバイル端末の普及により、人々がモバイル端末で読書に費やす時間はますます長くなり、読...

XHTML と CSS によるオブジェクト指向プログラミング

<br />XHTML と CSS がオブジェクト指向だったらよかったのに。 。太陽は北...

HTML と CSS に関する基本的なメモ (フロントエンドでは必読)

HTMLに触れた当初はレイアウトにいつもテーブルを使っていましたが、とても面倒で見た目も悪かったの...

Vue.js と MJML でレスポンシブなメールを作成する

MJML は、開発者が美しく、応答性に優れ、あらゆるデバイスやメール クライアントで動作する魅力的な...

ウェブサイト開発におけるフロントエンド開発者とアーティストの知識の違い

概要: 多くの企業、特にインターネット Web サイトを主な事業とする企業のほとんどが、「アーティス...

負荷分散の基礎知識とnginxを使用した負荷分散の簡単な例

Nginx は、一般的に 7 層の負荷分散に使用できます。この記事では、負荷分散に関する基本的な知識...

MySQL で not in を使用して null 値を含める問題を解決する

知らせ! ! ! uid が (a,b,c,null) に含まれないユーザーから * を選択します。...

ネイティブ js はフォームの定期的な検証を実装します (検証後にのみ送信)

以下の機能が実装されています。 1. ユーザー名: onfouc は msg ルールを表示します。o...

Mysql はテーブル内の古いデータを定期的にクリアし、いくつかのデータを保持します (推奨)

以下の目標を達成するため: Mysql データベースは、一定の間隔 (2 時間または 1 日、カスタ...