プロジェクトのパッケージ化と Docker 環境へのデプロイメントの完全なプロセス

以下は、フロントエンド プロジェクトとバックエンド Java プロジェクトをパッケージ化して Docker 環境にデプロイする完全なプロセスです。

フロントエンドプロジェクトの展開

1. フロントエンド ビルド ツール (Webpack、Vue CLI、Create React App など) を使用して、フロントエンド プロジェクトを静的ファイルにパッケージ化します。

2. Dockerfile次の内容の名前のファイルを作成します。

   # 使用基础镜像
   FROM nginx:latest
   
   # 将打包好的静态文件复制到Nginx的默认HTML目录
   COPY /dist /usr/share/nginx/html
   
   # 暴露Nginx的默认HTTP端口
   EXPOSE 80
   
   # 启动Nginx服务器
   CMD ["nginx", "-g", "daemon off;"]
   

3. 次のコマンドを使用して Docker イメージをビルドします。

 docker build -t frontend-app .

4. 次のコマンドを実行して、フロントエンド コンテナを起動します。

docker run -d --name frontend-container -p 80:80 frontend-app

5. これで、ブラウザから http://localhost にアクセスして、デプロイされたフロントエンド アプリケーションを表示できるようになります。

バックエンド Java プロジェクトのデプロイメント

1. バックエンド Java プロジェクトがビルドされ、実行可能な JAR ファイルが生成されていることを確認します。

2. 次の内容を含む Dockerfile というファイルを作成します。

# 使用基础镜像
FROM openjdk:latest

# 将可运行的JAR文件复制到容器内指定位置
COPY /path/to/your/app.jar /app/app.jar

# 暴露应用程序的默认端口
EXPOSE 8080

# 启动应用程序
CMD ["java", "-jar", "/app/app.jar"]

3. 次のコマンドを使用して Docker イメージをビルドします。

docker build -t backend-app .

4. 次のコマンドを実行してバックエンド コンテナを起動します。

docker run -d --name backend-container -p 8080:8080 backend-app

5. これで、ブラウザまたはその他のツールを介してバックエンド アプリケーションの API インターフェイスにアクセスできるようになります。

注: 上記のコマンドのfrontend-appとbackend-appはイメージの名前なので、実際の状況に応じて名前を付けることができます。