在当今时代，云计算技术已经越来越普及，其中容器技术更是备受关注。而在容器技术中，Docker 作为其代表，早已成为前端和后端工程师们争相使用的利器。而将多个 Docker 容器进行调度并管理的工具则是 Kubernetes。下面我们一起来学习一下如何将前端项目容器化并使用 Kubernetes 进行管理及部署。
准备工作
在进行 Kubernetes 的实践之前，你需要先安装 Kubernetes 的 CLI 工具 kubectl。如果你还没有安装过，请根据你的系统去官网进行下载安装。
除了 kubectl，我们还需要 Docker 环境。如果你的电脑上没有 Docker ，请先去官网下载 Docker 并安装。
Dockerfile 编写
使用容器 Docker 的第一步便是编写 Dockerfile 文件。下面我们来看一个简单的前端项目的 Dockerfile 内容：
FROM nginx COPY . /usr/share/nginx/html
其中 nginx 是我们要使用的 Docker 镜像。在这个镜像的基础上，我们将前端项目的源代码复制到了容器的 /usr/share/nginx/html 目录下。
将上面这份代码保存为 Dockerfile，然后将这个文件放到前端项目的根目录下。
构建 Docker 镜像
当我们编写好 Dockerfile 后，接下来我们就需要构建我们的 Docker 镜像了。在进行此操作之前，先进入前端项目的根目录下远程打开终端，然后正式开始构建 Docker 镜像。
docker build -t my-app .
其中，my-app 是我们所构建的 Docker 镜像的名字。在命令行中输入命令后，会开始从 Dockerfile 镜像文件中读取配置信息，并进行 Docker 镜像的构建。
部署应用
到这里我们的 Docker 镜像已经构建好了，现在我们要对应用进行部署。而我们的 Kubernetes 的配置文件便是用于管理和部署应用。
在控制台为 Kubernetes 运行一个 pod 需要几个步骤：
- 上传 Docker 镜像
- 创建一个 pod 使用镜像来启动一个容器
- 创建一个 service 关联 pod
在这里我们只提到前两步，第三步的 service 我们会在下面进行阐述。
部署 Kubernetes 配置文件
在前端项目的根目录下，创建一个新的文件夹 deployment。在文件夹内创建一个名为 k8s.yaml 的文件，并将下列内容复制到其中：
-- -------------------- ---- -------
- --------
----------- -------
----- ----------
---------
----- ------
-------
---- ------
-----
--------- -
---------
------------
---- ------
---------
---------
-------
---- ------
-----
-----------
- ----- ----------
------ ------
---------------- -----
------
- -------------- --
-------------
- ----- ----------
---------- -----------------------
--------
- ----- ----------
----------
----- -------------
---
----------- --
----- ---------
---------
----- -------------
-------
---- ------
-----
----------- --
---------------- -- --- -------------------接着，我们就可以使用 kubectl 工具来部署我们的应用了。
kubectl apply -f deployment/k8s.yaml
该命令会根据我们在 k8s.yaml 文件中提供的配置信息来创建一个 deployment, 该 deployment 将会根据 replicas 的设置启动三个 pod 。在每个 pod 中都运行着一个涉及了我们的路径为 /usr/share/nginx/html 的容器，在容器中运行着我们的前端项目。每个 pod 都可以被 Kubernetes 集群的任何一个节点调度和管理。
访问我们的应用
Pod 是不能直接访问的。因此，我们需要部署一个 service 来访问在 Kubernetes 中创建的 pod。
在前端项目的根目录下创建一个新的文件夹 service, 在该文件夹中添加一个文件 k8s.yaml. 将下面的内容复制到 k8s.yaml 文件中:
-- -------------------- ---- -------
- --------
----------- --
----- -------
---------
----- --------------
-------
---- ------
-----
----- --------
---------
---- ------
------
- --------- ---
----- --
----------- --与我们之前提到的 deployment 设置相同，该 yaml 文件配置了一个 NodePort 类型的 service。该 service 与 deployment 关联，以便可以通过 Internet 访问。
运行以下命令，用于应用 Kubernetes YAML 文件完成服务部署
kubectl apply -f service/k8s.yaml
在完成服务部署后，我们需要先找到我们应用的 IP 地址和端口号。如下所示：
kubectl get service
当命令执行完毕后，我们会看到一个包含 IP 和端口的列表。通过输入http://{IP}:{port} 可以访问我们的应用程序。
总结
本文介绍了如何使用 Docker 镜像及 Kubernetes 部署和管理一个前端应用程序。我们看到，利用容器的优点和 Kubernetes 这样的工具，部署一个 Web 应用已经变得十分简单。这种方式为应用程序的可移植性和部署性提供了很大的帮助。相信在未来容器技术会变得越来越普遍，并且更多的开发人员会开始使用 Kubernetes 来管理他们的应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6483ee8b48841e9894324914