更新 src/App.vue

.drone.yml

@@ -1,24 +1,30 @@
 kind: pipeline
 type: docker
-name: frontend-docker
+name: frontend-k8s
 
 clone:
   depth: 50
 
 trigger:
   branch:
-    - docker
+    - k8s
   event:
     - push
 
 steps:
   - name: build-image
     image: docker.m.daocloud.io/library/docker:27-cli
+    pull: if-not-exists
     commands:
-      - docker build -t cdchen-frontend:docker .
+      - docker build -t 127.0.0.1:5000/cdchen-frontend:k8s-${DRONE_COMMIT_SHA:0:8} .
+      - docker push 127.0.0.1:5000/cdchen-frontend:k8s-${DRONE_COMMIT_SHA:0:8}
 
-  - name: deploy
-    image: docker.m.daocloud.io/library/docker:27-cli
+  - name: deploy-k8s
+    image: cdchen-k8s-tools:latest
+    pull: if-not-exists
+    network_mode: teaching-k8s
+    environment:
+      HOME: /home/cdchen
+      KUBECONFIG: /home/cdchen/.kube/config-drone
     commands:
-      - docker rm -f cdchen-frontend || true
-      - docker run -d --name cdchen-frontend --restart unless-stopped --network gitea_default -p 8088:80 cdchen-frontend:docker
+      - helm upgrade --install frontend ./chart --namespace demo --create-namespace --set image.repository=host.minikube.internal:5000/cdchen-frontend --set image.tag=k8s-${DRONE_COMMIT_SHA:0:8}

chart/Chart.yaml

@@ -0,0 +1,6 @@
+apiVersion: v2
+name: frontend
+description: Frontend teaching chart
+type: application
+version: 0.1.0
+appVersion: "0.1.0"

chart/templates/deployment.yaml

@@ -0,0 +1,27 @@
+apiVersion: apps/v1
+kind: Deployment
+metadata:
+  name: {{ .Release.Name }}
+  labels:
+    app.kubernetes.io/name: {{ .Chart.Name }}
+    app.kubernetes.io/instance: {{ .Release.Name }}
+spec:
+  replicas: {{ .Values.replicaCount }}
+  selector:
+    matchLabels:
+      app.kubernetes.io/name: {{ .Chart.Name }}
+      app.kubernetes.io/instance: {{ .Release.Name }}
+  template:
+    metadata:
+      labels:
+        app.kubernetes.io/name: {{ .Chart.Name }}
+        app.kubernetes.io/instance: {{ .Release.Name }}
+    spec:
+      containers:
+        - name: frontend
+          image: "{{ .Values.image.repository }}:{{ .Values.image.tag }}"
+          imagePullPolicy: {{ .Values.image.pullPolicy }}
+          ports:
+            - containerPort: 80
+          resources:
+            {{- toYaml .Values.resources | nindent 12 }}

chart/templates/service.yaml

@@ -0,0 +1,17 @@
+apiVersion: v1
+kind: Service
+metadata:
+  name: {{ .Release.Name }}
+  labels:
+    app.kubernetes.io/name: {{ .Chart.Name }}
+    app.kubernetes.io/instance: {{ .Release.Name }}
+spec:
+  type: {{ .Values.service.type }}
+  selector:
+    app.kubernetes.io/name: {{ .Chart.Name }}
+    app.kubernetes.io/instance: {{ .Release.Name }}
+  ports:
+    - name: http
+      port: {{ .Values.service.port }}
+      targetPort: 80
+      nodePort: {{ .Values.service.nodePort }}

chart/values.yaml

@@ -0,0 +1,19 @@
+replicaCount: 1
+
+image:
+  repository: cdchen-frontend
+  tag: latest
+  pullPolicy: IfNotPresent
+
+service:
+  type: NodePort
+  port: 80
+  nodePort: 30088
+
+resources:
+  requests:
+    cpu: 100m
+    memory: 64Mi
+  limits:
+    cpu: 300m
+    memory: 128Mi

src/App.vue

@@ -2,9 +2,9 @@
   <main class="app-shell">
     <section class="card">
       <p class="eyebrow">cdchen/frontend</p>
-      <h1>Vue Docker Branch</h1>
+      <h1>Vue K8s Branch</h1>
       <p class="copy">
-        This branch is initialized for Drone-driven Docker deployment.
+        我修改了中文内容
       </p>
     </section>
   </main>