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に適切なデータ型を選択します

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

推薦する

Unicode署名BOMによる事故原因の分析

ここでは、通常ヘッダーとフッターに対して行われるインクルード ファイルを使用している可能性があります...

VueはExcelテーブルをインポートし、インポートに失敗したデータを自動的にダウンロードします。

次のような要件があります: インポート ボタン。ボタンをクリックして Excel テーブルをインポー...

XHTMLコードの一般的なアプリケーション問題をまとめる

時間が経つにつれて、多くの人が XHTML の使い方を知らないことに気づきました。普通の初心者だけで...

VMware 仮想マシン (CentOS7 イメージ) を使用して Linux をインストールする

1. VMwareのダウンロードとインストールリンク: https://www.jb51.net/s...

HTMLチュートリアル、簡単に学べるHTML言語

1. <body background=画像ファイル名 bgcolor=color text=...

ティックアニメーション効果を作成するための svg+css または js

以前、上司からログイン後にチェックマークを表示できるプログラムを作るように言われたのですが、Baid...

タブバーの切り替え効果を実現するJavaScript

タブバー: 異なるタブをクリックすると異なるコンテンツが表示され、クリックしたタブのスタイルが変更さ...

一般的なイベントを処理するための JavaScript の使用に関する詳細な説明

目次1. フォームイベント2. マウスイベント3. キーボードイベント4. 共通イベントメソッド(ウ...

Vue でフルスクリーンを実装し、フルスクリーン終了を監視する

目次序文:実装手順:完全なソースコード:詳細情報:序文: vueでは、デフォルトページを実装し、di...

携帯電話番号の真ん中の4桁を隠すMySQL SQL文の方法

最初のクエリ テーブル構造 (sys_users): sys_users から * を選択します。最...

CSS テキスト配置実装コード

フォームを作成するときに、名前、携帯電話番号、出生地などの 2 つのフィールドを揃える状況に遭遇する...

MySQLは「order by」がどのように機能するかを簡単に理解します

並べ替えの場合、order by は非常に頻繁に使用するキーワードです。インデックスに関するこれまで...

MySQL ストアド プロシージャの作成、呼び出し、管理の詳細な説明

目次ストアドプロシージャの概要ストアド プロシージャを使用する理由は何ですか?ストアドプロシージャの...

読み取り専用と無効の違い

要約すると: Readonly は入力 (テキスト/パスワード) とテキスト領域に対してのみ有効です...

CSS スタイルをプログラムで処理するためのサンプル コード

プログラム的アプローチの利点1. スタイルの分散を避けるためのグローバルコントロール2. シンプルな...