k8s部署前端代码

Kubernetes (K8S) 是一个开源的容器管理平台，通过它可以实现自动化部署、扩展和管理容器化应用程序。在部署前端代码到K8S集群中时，我们需要先准备好前端代码的Docker镜像，然后通过K8S的配置文件将前端应用部署到集群中。

下面是一个实现“k8s部署前端代码”的流程，包括准备工作、创建Deployment和Service等步骤：

| 步骤 | 操作 |
| --------- | ---------------------------------------- |
| 1 | 准备前端代码和Dockerfile |
| 2 | 构建前端应用的Docker镜像 |
| 3 | 创建Deployment部署前端应用 |
| 4 | 创建Service暴露前端应用的端口 |

### 步骤一：准备前端代码和Dockerfile

首先需要将前端代码放在一个目录中，然后在该目录下创建一个Dockerfile文件用于构建Docker镜像。假设前端代码在一个名为`frontend`的目录中，Dockerfile内容如下：

```dockerfile
# 使用nginx作为基础镜像
FROM nginx:latest

# 将前端代码复制到nginx默认的web目录下
COPY . /usr/share/nginx/html
```

### 步骤二：构建前端应用的Docker镜像

在前端代码的目录中执行以下命令，构建Docker镜像：

```bash
docker build -t frontend-app .
```

这条命令会在本地构建一个名为`frontend-app`的Docker镜像，该镜像包含了前端应用的代码以及nginx作为Web服务器。

### 步骤三：创建Deployment部署前端应用

创建一个`frontend-deployment.yaml`文件，用来描述前端应用的Deployment配置，内容如下：

```yaml
apiVersion: apps/v1
kind: Deployment
metadata:
name: frontend-deployment
spec:
replicas: 3
selector:
matchLabels:
app: frontend
template:
metadata:
labels:
app: frontend
spec:
containers:
- name: frontend-app
image: frontend-app
ports:
- containerPort: 80
```

然后执行以下命令来创建Deployment：

```bash
kubectl apply -f frontend-deployment.yaml
```

这条命令会在K8S集群中创建一个名为`frontend-deployment`的Deployment，指定了副本数量为3，以及容器镜像为前面构建的`frontend-app`镜像。

### 步骤四：创建Service暴露前端应用的端口

创建一个`frontend-service.yaml`文件，用来描述前端应用的Service配置，内容如下：

```yaml
apiVersion: v1
kind: Service
metadata:
name: frontend-service
spec:
selector:
app: frontend
ports:
- protocol: TCP
port: 80
targetPort: 80
type: NodePort
```

然后执行以下命令来创建Service：

```bash
kubectl apply -f frontend-service.yaml
```

这条命令会在K8S集群中创建一个名为`frontend-service`的Service，将前端应用的端口暴露出来，类型为NodePort。

经过以上步骤，你已经成功将前端代码部署到了K8S集群中。现在可以访问对应的NodePort来查看部署的前端应用了。希望这个教程对于刚入行的小白有所帮助！