教程：将应用程序部署到 minikube 集群

使用 Node.js 创建一个空项目

1. 请点击 新建项目 在 欢迎屏幕或从主菜单中选择 文件 | 新建 | 项目。

2. 在打开的对话框中，在左侧窗格中选择 Node.js。

3. 指定应用程序的位置及其名称，例如： hello_world_docker。

4. 指定要使用的本地 Node.js 运行时。 接受建议的安装，或从列表中选择另一个，或者如果您的计算机尚未安装 Node.js，可点击 下载 进行安装。 详细了解 创建新的 Node.js 应用程序。

   

5. 点击 创建。

填充应用程序

1. 现在我们将为应用程序创建一个单独的文件夹，这将帮助我们稍后将本地文件夹映射到容器中的文件夹。

   为此，请打开 项目 工具窗口 Alt+1 ，右键点击项目文件夹，从上下文菜单中选择 新建 ，然后选择 目录。 在弹出对话框中，指定文件夹名称，例如： app 。

   

2. 现在是时候创建一个 JavaScript 文件来存放应用程序的代码了。

   在 app 文件夹的上下文菜单中，选择 新建 ，然后选择 JavaScript 文件。

   

   在弹出的对话框中，指定文件名称，例如： hello_express.js 。

   

3. 在编辑器中打开新创建的 hello_express.js 文件并输入以下代码：

   const express = require('express'); const app = express(); app.get('/', function(req, res) { res.send('Hello World!') }); app.listen(3000,function() { console.log('Example app listening on port 3000!') });

4. 正如所预期的那样， express 引用无法解析，并被标记为错误。 但是，当您将鼠标悬停在引用上时，WebStorm 会建议进行快速修复。

   

   当您点击 安装 'express' 链接时， express 将被添加到 package.json 文件中并安装。

   

在本地运行应用程序

让我们在本地运行应用程序，以确保其按预期工作。

• 打开 hello_express.js 文件，在编辑器选项卡中的任意位置右键点击，然后在上下文菜单中选择 运行 'hello_express.js'。

  

  运行 工具窗口已打开，显示 Example app listening on port 3000!。

  如果您在 http://localhost:3000 地址打开浏览器，将会看到页面如预期那样显示 Hello World!。

  

创建 Dockerfile

1. 在项目文件夹的上下文菜单中，选择 新建 ，然后选择 Dockerfile。

   

2. 打开新创建的 Dockerfile ，并输入以下代码：

   FROM node:22-alpine WORKDIR /tmp COPY package*.json . RUN npm ci --omit=dev COPY ./app/ ./app/ CMD ["node","./app/hello_express.js"]

   此 Dockerfile 包含基于 node:22 镜像从 Docker Hub 构建镜像的指令。

   当您从此镜像运行容器时，Docker 会将 /app/ 目录的内容复制到容器中的 /tmp/app/ 目录（在我们的示例中， /app/ 目录包含 hello_express.js 文件）。 package.json 文件将被复制到 /tmp/ 。

   然后 Docker 将当前工作目录设置为 /tmp 并运行 node ./app/hello_express.js。 因此，容器日志中应显示 Example app listening on port 3000!。

构建 Docker 镜像

1. 在 项目 视图中，编辑器中打开 Dockerfile 。

2. 编辑该文件：

   • 更改

     ENV RAILS_ENV="production" \ BUNDLE_DEPLOYMENT="1" \ BUNDLE_PATH="/usr/local/bundle" \ BUNDLE_WITHOUT="development"

     to

     ENV RAILS_ENV="development" \ BUNDLE_PATH="/usr/local/bundle"

   • 更改

     EXPOSE 80 CMD ["./bin/thrust", "./bin/rails", "server"]

     to

     EXPOSE 3000 CMD ["./bin/rails", "server", "-b", "0.0.0.0", "-p", "3000"]

3. 在 Dockerfile 内侧边栏中，点击 并选择 新建运行配置。

   

4. 在 编辑运行配置 对话框中，在 镜像标记 字段中指定 hello-world-docker-app ，在 容器名称 字段中指定 hello-world-docker。 然后，点击 运行。

   

WebStorm 创建一个 Dockerfile 运行配置 ，该配置从 Dockerfile 构建一个镜像，然后基于该镜像运行一个容器。 要跟踪整个过程，请在 构建日志 选项卡中打开 服务 工具窗口。

使用 Docker 驱动程序启动 minikube

1. 打开 终端 工具窗口：转到 视图｜工具窗口｜终端 或按 Alt+F12。

2. 运行以下命令以启动本地 Kubernetes 集群，并让 minikube 使用 Docker 作为虚拟化驱动程序：

   minikube start --driver=docker

3. 通过以下命令验证集群是否已启动并运行：

   minikube status

将 minikube 集群添加到 WebStorm

1. 打开 Services工具窗口：转到 查看 | 工具窗口 | 服务 或按 Alt+8。

2. 选择 Kubernetes 节点，点击 添加集群 按钮，然后从上下文菜单选择 来自默认目录。

   

3. 在 添加集群 对话框中，选择 Minikube 并点击 添加集群。

   

   添加的集群将在 服务 工具窗口中可用。

4. 在 服务 工具窗口中，右键点击 minikube 集群并选择 连接集群。

   

将 Docker 镜像加载到 minikube

1. 打开 终端 工具窗口：转到 视图｜工具窗口｜终端 或按 Alt+F12。

2. 运行以下命令，在 minikube 中构建容器镜像：

   minikube image load <image tag>

   其中 <image tag> 为上面 运行/调试配置},{ 中指定的值。 在示例中应为：

   minikube image load hello-world-docker-app

3. 通过运行以下命令验证 hello-world-docker-app 镜像在集群中是否可用：

   minikube image ls | grep hello-world-docker-app

   输出中应会看到 docker.io/library/hello-world-docker-app:latest。

创建部署清单

1. 在 项目 工具窗口（Alt+1 ）中，右键点击项目名称并选择 新建 Kubernetes 资源。

   

2. 在 新建 Kubernetes 资源 对话框中，选择 部署 文件类型，将 hello-world-docker-deployment 作为清单名称，并按 Enter。

   

   如果出现提示，请同意将该文件添加到 Git。

3. 用以下代码替换所生成文件的内容：

   apiVersion: apps/v1 kind: Deployment metadata: name: hello-world-docker labels: app: hello-world-docker spec: replicas: 1 selector: matchLabels: app: hello-world-docker template: metadata: name: hello-world-docker labels: app: hello-world-docker spec: containers: - name: hello-world-docker image: hello-world-docker-app imagePullPolicy: IfNotPresent ports: - containerPort: 3000 protocol: TCP restartPolicy: Always

4. 在 悬浮工具栏 选择当前集群和命名空间，然后点击 Apply 以将变更应用到本地集群。

   

创建服务清单

1. 在 项目 工具窗口（Alt+1 ）中，右键点击项目名称并选择 新建 Kubernetes 资源。

   

2. 在 新建 Kubernetes 资源 对话框中，选择 服务 文件类型，将 hello-world-docker-service 作为清单名称，并按 Enter。

   

   如果出现提示，请同意将该文件添加到 Git。

3. 用以下代码替换所生成文件的内容：

   apiVersion: v1 kind: Service metadata: name: hello-world-docker spec: selector: app: hello-world-docker ports: - protocol: TCP port: 3000 targetPort: 3000 type: NodePort

4. 在 悬浮工具栏 选择当前集群和命名空间，然后点击 Apply 以将变更应用到本地集群。

访问应用程序

1. 在编辑器中打开 hello-world-docker-deployment.yaml 文件。

2. 点击 转发端口 嵌入提示，位于 - containerPort: 3000 属性旁边。

   

3. 在 转发端口 对话框中，保留默认值并点击 前进。

4. 在 hello-world-docker-deployment.yaml 文件中，点击 在浏览器中打开 嵌入提示。

   

   WebStorm 会将你重定向到默认浏览器，可直接检查刚刚部署在本地 minikube 集群的应用程序。