轉載至我的博客https://www.infrastack.cn ，公眾號：架構成長指南

大家好，我是蝸牛哥，好多開發人員，尤其是沒接觸過 k8s 的人員對如何在k8s中部署一個 前后端應用很模糊，不知如何下手，所以本篇講一下如何快速在 k8s 部署一個前后端應用，讓大家對k8s有個快速認識

前置依賴

• k8s集群，如果沒有安裝，請參考k8s 部署手冊
• kubectl ，客戶端部署需要依賴

應用鏡像構建

應用鏡像構建不用自己去執行，相關鏡像已經推送到 docker hub倉庫，如果要了解過程和細節，可以看一下，否則直接跳到k8s yaml 文件配置章節

Java應用鏡像構建

代碼地址：https://github.com/dongweizhao/backend

Java應用打包

調用sh package.sh會執行mvn的package命令，進行打包

編寫Dockerfile

從target目錄復制可執行jar

FROM openjdk:8-jre
COPY target/backend-0.0.1-SNAPSHOT.jar /app.jar
ENTRYPOINT java -jar ${JAVA_OPTS} /app.jar

鏡像打包推送

執行sh push.sh 推送至dockerhub倉庫，鏡像地址：dweizhao/backend:latest

前端應用鏡像構建

代碼地址：https://github.com/dongweizhao/frontend
前端項目結構如下

采用百度低代碼平臺amis進行開發

編寫Dockerfile

拷貝前端工程dist目錄至/frontend，并進行目錄授權

from nginx
copy ./dist /frontend
run chown nginx.nginx /frontend -R
copy nginx.conf /etc/nginx/conf.d/default.conf

編寫nginx.conf文件

server{
    listen 80;
    server_name localhost;
     root  /frontend;
     index index.html index.htm;

     location /login {
             try_files $uri $uri/ /login.html;
     }
}

推送鏡像

執行sh push.sh推送dockerhub倉庫，鏡像地址：dweizhao/frontend:latest

k8s yaml文件配置

以下是我們部署的服務在k8s 中路由示意圖

后端服務配置

backend-dp.yaml

由于我們服務是無狀態服務，使用Deployment進行部署，Deployment擁有更加靈活強大的升級、回滾功能,并且支持滾動更新

apiVersion: apps/v1
kind: Deployment
metadata:
  name:  backend
spec:
  selector:
    matchLabels:
      app:  backend
  replicas: 1
  template:
    metadata:
      labels:
        # service 會根據此標簽來查找此pod
        app:  backend
        version: latest
    spec:
      containers:
        - name: backend
          image: "dweizhao/backend:latest"
          imagePullPolicy: Always

backend-svc.yaml

Service相當于Spring cloud中Ribbon的作用，提供了服務發現和負載均衡的功能，而不用關心具體服務實例有多少個，在 k8s 的服務實例就是Pod，這里我們使用ClusterIP類型，因為是通過Ingress在集群內訪問，通過 app:backend標簽，來查找對應 pod，所以 pod 的label 必須包含app:backend

apiVersion: v1
kind: Service
metadata:
  name: backend
spec:
  type: ClusterIP
  ports:
    - name: backend-http
      port: 8080
      targetPort: 8080
      protocol: TCP
  selector:
    # 根據標簽查找 pod
    app: backend

前端服務配置

frontend-dp.yaml

前端鏡像是一個 nginx的，

apiVersion: apps/v1
kind: Deployment
metadata:
  name:  frontend
spec:
  selector:
    matchLabels:
      app:  frontend
  replicas: 1
  template:
    metadata:
      labels:
        # service 會根據此標簽來查找此pod
        app:  frontend
        version: latest
    spec:
      containers:
        - name: frontend
          image: "dweizhao/frontend:latest"
          imagePullPolicy: Always

frontend-svc.yaml

apiVersion: v1
kind: Service
metadata:
  name: frontend
spec:
  type: ClusterIP
  ports:
    - name: frontend-http
      port: 80
      targetPort: 80
      protocol: TCP
  selector:
    # 根據標簽查找 pod
    app: frontend

Ingress配置

Ingress相當于nginx 的作用，匹配url轉發請求至Service

注意：k8s不同的版本，對應的Ingress apiVerson 有點細微差別，所以要找到對應k8s版本的Ingress，我們的 k8s 版本為v1.25.13

apiVersion: networking.k8s.io/v1
kind: Ingress
metadata:
  name: test-ingress
spec:
  ingressClassName: nginx
  rules:
    - host: k8sdemo.com
      http:
        paths:
        - path: /
          pathType: Prefix
          backend:
            service:
              name: frontend
              port:
                number: 80
        #backend開頭的 url，轉發到后端服務 ，否則都轉發到前端服務              
        - path: /backend
          pathType: Prefix
          backend:
            service:
              name: backend
              port:
                number: 8080

k8s部署

部署使用 kubectl 進行部署，如果沒有請先安裝，安裝完成以后，把以上yaml文件保存至本地

創建命名空間

kubectl create namespace k8sdemo

部署

部署系統至k8sdemo空間下

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

查看系統狀態

#查看pod 啟動狀態
kubectl get pods -n k8sdemo
# 查看服務狀態
kubectl get svc -n k8sdemo
# 查看Ingress狀態
kubectl get ingress -n k8sdemo

host 解析

在 hosts 文件中，對k8sdemo.com域名映射，映射到k8s 的任意 node 節點上即可，假設IP為172.18.2.53，配置如下

172.18.2.53 k8sdemo.com

測試

在瀏覽器訪問k8sdemo.com，如果出現以下結果則部署成功，可以看到正確請求到數據，這個數據為backend提供

總結

以上我們只是簡單演示了下，如何在 k8s 中快速部署一個前后端應用，讓你對在 k8s 操作有一個快速認識，但是此應用如果要在生產使用還要在做些配置，比如探針配置，因為后端服務的啟動，可能是個假啟動，必須要配置探針探活之后，才能讓 service訪問，否則導致請求異常，同時應用有些文件如果需要持久化，還需要配置存儲卷等操作

掃描下面的二維碼關注我們的微信公眾帳號，在微信公眾帳號中回復?加群?即可加入到我們的技術討論群里面共同學習。

總結

以上是生活随笔為你收集整理的十分钟教你在 k8s 中部署一个前后端应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。