ToB企服应用市场:ToB评测及商务社交产业平台

标题: 十分钟教你在 k8s 中部署一个前后端应用 [打印本页]
作者: 西河刘卡车医    时间: 2024-3-31 14:27
标题: 十分钟教你在 k8s 中部署一个前后端应用
转载至我的博客https://www.infrastack.cn ，公众号：架构成长指南
大家好，我是蜗牛哥，好多开发人员，尤其是没接触过 k8s 的人员对如何在k8s中部署一个 前后端应用很模糊，不知如何下手，所以本篇讲一下如何快速在 k8s 部署一个前后端应用，让大家对k8s有个快速认识
前置依赖

应用镜像构建

应用镜像构建不用自己去执行，相关镜像已经推送到 docker hub仓库，如果要了解过程和细节，可以看一下，否则直接跳到k8s yaml 文件配置章节
Java应用镜像构建

代码地址：https://github.com/dongweizhao/backend
Java应用打包

调用sh package.sh会执行mvn的package命令，进行打包
编写Dockerfile

从target目录复制可执行jar
  1. FROM openjdk:8-jre
  2. COPY target/backend-0.0.1-SNAPSHOT.jar /app.jar
  3. ENTRYPOINT java -jar ${JAVA_OPTS} /app.jar
复制代码
镜像打包推送

执行sh push.sh 推送至dockerhub仓库，镜像地址：dweizhao/backend:latest
前端应用镜像构建

代码地址：https://github.com/dongweizhao/frontend
前端项目结构如下

采用百度低代码平台amis进行开发
编写Dockerfile

拷贝前端工程dist目录至/frontend，并进行目录授权
  1. from nginx
  2. copy ./dist /frontend
  3. run chown nginx.nginx /frontend -R
  4. copy nginx.conf /etc/nginx/conf.d/default.conf
复制代码
编写nginx.conf文件
  1. server{
  2.     listen 80;
  3.     server_name localhost;
  4.      root  /frontend;
  5.      index index.html index.htm;
  7.      location /login {
  8.              try_files $uri $uri/ /login.html;
  9.      }
  10. }
复制代码
推送镜像

执行sh push.sh推送dockerhub仓库，镜像地址：dweizhao/frontend:latest
k8s yaml文件配置

以下是我们部署的服务在k8s 中路由示意图

后端服务配置

backend-dp.yaml

由于我们服务是无状态服务，使用Deployment进行部署，Deployment拥有更加灵活强大的升级、回滚功能,并且支持滚动更新
  1. apiVersion: apps/v1
  2. kind: Deployment
  3. metadata:
  4.   name:  backend
  5. spec:
  6.   selector:
  7.     matchLabels:
  8.       app:  backend
  9.   replicas: 1
  10.   template:
  11.     metadata:
  12.       labels:
  13.         # service 会根据此标签来查找此pod
  14.         app:  backend
  15.         version: latest
  16.     spec:
  17.       containers:
  18.         - name: backend
  19.           image: "dweizhao/backend:latest"
  20.           imagePullPolicy: Always
复制代码
backend-svc.yaml

Service相当于Spring cloud中Ribbon的作用，提供了服务发现和负载均衡的功能，而不用关心具体服务实例有多少个，在 k8s 的服务实例就是Pod，这里我们使用ClusterIP类型，因为是通过Ingress在集群内访问，通过 app:backend标签，来查找对应 pod，所以 pod 的label 必须包含app:backend
  1. apiVersion: v1
  2. kind: Service
  3. metadata:
  4.   name: backend
  5. spec:
  6.   type: ClusterIP
  7.   ports:
  8.     - name: backend-http
  9.       port: 8080
  10.       targetPort: 8080
  11.       protocol: TCP
  12.   selector:
  13.     # 根据标签查找 pod
  14.     app: backend
复制代码
前端服务配置

frontend-dp.yaml

前端镜像是一个 nginx的，
  1. apiVersion: apps/v1
  2. kind: Deployment
  3. metadata:
  4.   name:  frontend
  5. spec:
  6.   selector:
  7.     matchLabels:
  8.       app:  frontend
  9.   replicas: 1
  10.   template:
  11.     metadata:
  12.       labels:
  13.         # service 会根据此标签来查找此pod
  14.         app:  frontend
  15.         version: latest
  16.     spec:
  17.       containers:
  18.         - name: frontend
  19.           image: "dweizhao/frontend:latest"
  20.           imagePullPolicy: Always
复制代码
frontend-svc.yaml
  1. apiVersion: v1
  2. kind: Service
  3. metadata:
  4.   name: frontend
  5. spec:
  6.   type: ClusterIP
  7.   ports:
  8.     - name: frontend-http
  9.       port: 80
  10.       targetPort: 80
  11.       protocol: TCP
  12.   selector:
  13.     # 根据标签查找 pod
  14.     app: frontend
复制代码
Ingress配置

Ingress相当于nginx 的作用，匹配url转发请求至Service
注意：k8s不同的版本，对应的Ingress apiVerson 有点细微差别，所以要找到对应k8s版本的Ingress，我们的 k8s 版本为v1.25.13
  1. apiVersion: networking.k8s.io/v1
  2. kind: Ingress
  3. metadata:
  4.   name: test-ingress
  5. spec:
  6.   ingressClassName: nginx
  7.   rules:
  8.     - host: k8sdemo.com
  9.       http:
  10.         paths:
  11.         - path: /
  12.           pathType: Prefix
  13.           backend:
  14.             service:
  15.               name: frontend
  16.               port:
  17.                 number: 80
  18.         #backend开头的 url，转发到后端服务 ，否则都转发到前端服务              
  19.         - path: /backend
  20.           pathType: Prefix
  21.           backend:
  22.             service:
  23.               name: backend
  24.               port:
  25.                 number: 8080
复制代码
k8s部署

部署使用 kubectl 进行部署，如果没有请先安装，安装完成以后，把以上yaml文件保存至本地
创建命名空间
  1. kubectl create namespace k8sdemo
复制代码
部署

部署系统至k8sdemo空间下
  1. kubectl create namespace k8sdemo && kubectl apply -f backend-dp.yaml -f backend-svc.yaml -f frontend-dp.yaml -f frontend-svc.yaml -f ingress.yaml -n k8sdemo
复制代码

查看系统状态
  1. #查看pod 启动状态
  2. kubectl get pods -n k8sdemo
  3. # 查看服务状态
  4. kubectl get svc -n k8sdemo
  5. # 查看Ingress状态
  6. kubectl get ingress -n k8sdemo
复制代码



host 解析

在 hosts 文件中，对k8sdemo.com域名映射，映射到k8s 的任意 node 节点上即可，假设IP为172.18.2.53，配置如下
  1. 172.18.2.53 k8sdemo.com
复制代码
测试

在浏览器访问k8sdemo.com，如果出现以下结果则部署成功，可以看到正确请求到数据，这个数据为backend提供

总结

以上我们只是简单演示了下，如何在 k8s 中快速部署一个前后端应用，让你对在 k8s 操作有一个快速认识，但是此应用如果要在生产使用还要在做些配置，比如探针配置，因为后端服务的启动，可能是个假启动，必须要配置探针探活之后，才能让 service访问，否则导致请求异常，同时应用有些文件如果需要持久化，还需要配置存储卷等操作
扫描下面的二维码关注我们的微信公众帐号，在微信公众帐号中回复◉加群◉即可加入到我们的技术讨论群里面共同学习。


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！



欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4