【Kubernetes】第二十七篇 - 布署前端项（下）
一，前言
上一篇，介绍了前端项目的部署：项目的创建和 jenkins 配置；
本篇，创建 Deployment、Service，完成前端项目的部署；
二，创建 Deployment
创建 Deployment 配置文件：deployment-cicd-frontend.yaml
[root@k8s-master cicd]# vi deployment-cicd-frontend.yamlapiVersion: apps/v1
kind: Deployment
metadata:name: cicd-frontend
spec:selector:matchLabels: #匹配标签名app: cicd-frontendreplicas: 1template: #模板metadata:labels:app: cicd-frontend #对应selector-matchLabels名称spec: #规格imagePullSecrets: #拉取私服镜像所需要的信息- name: private-registrycontainers: #容器- name: cicd-frontendimage: 47.94.92.122:8082/cicd-frontend:20220112231457
生效配置：
[root@k8s-master cicd]# kubectl apply -f deployment-cicd-frontend.yaml
deployment.apps/cicd-frontend created
查看 pod：cicd-frontend 已完成 1 个副本的部署
[root@k8s-master cicd]# kubectl get pods
NAME READY STATUS RESTARTS AGE
cicd-backend-98b5d4f57-ftrdk 1/1 Running 0 34h
cicd-frontend-77447bfdb4-bgt6t 1/1 Running 0 90s
cicd-mysql-745975859b-c4b6p 1/1 Running 4 34h
三，创建 Service
创建 Service 配置文件：service-cicd-frontend.yaml
[root@k8s-master cicd]# vi service-cicd-frontend.yamlapiVersion: v1
kind: Service
metadata:name: service-cicd-frontend
spec:selector:app: cicd-frontendports:- protocol: TCPport: 80targetPort: 80type: NodePort
备注：
1，spec 下的 app，这里的 cicd-frontend 是需要和 Deployment 部署配置文件的名字一致；
2，port: 80，指前端构建 nginx 容器的端口号，集群内部服务之间项目访问的端口号是 80；
3，targetPort: 80：指容器内部启动之后，对外暴露的端口号是 80；
生效配置：
[root@k8s-master cicd]# kubectl apply -f service-cicd-frontend.yaml
service/service-cicd-frontend created
查看服务
[root@k8s-master cicd]# kubectl get svc
NAME TYPE CLUSTER-IP EXTERNAL-IP PORT(S) AGE
kubernetes ClusterIP 10.96.0.1 <none> 443/TCP 21d
service-cicd-backend NodePort 10.97.144.175 <none> 7001:30174/TCP 34h
service-cicd-frontend NodePort 10.103.232.242 <none> 80:30339/TCP 2m21s
service-cicd-mysql NodePort 10.108.224.96 <none> 8899:32154/TCP 5d13h
可以看到，service-cicd-frontend 对外部暴露的端口号是 30339
测试访问服务
查看 host，部署在 k8s-node 节点上，使用内网 ip：172.17.178.106
// 查看 host
[root@k8s-master cicd]# cat /etc/hosts
::1 localhost localhost.localdomain localhost6 localhost6.localdomain6
127.0.0.1 localhost localhost.localdomain localhost4 localhost4.localdomain4172.17.178.106 k8s-node172.17.178.105 k8s-master
172.17.178.105 k8s-master k8s-master
curl 访问页面地址，返回 html 代码，说明部署成功且能够正常提供服务
// 测试访问
[root@k8s-master cicd]# curl http://172.17.178.106:30339/
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Web site created using create-react-app"/><link rel="apple-touch-icon" href="/logo192.png"/><link rel="manifest" href="/manifest.json"/><title>React App</title><link href="/static/css/2.de2ac02e.chunk.css" rel="stylesheet"><link href="/static/css/main.696dae51.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,f,l=r[0],i=r[1],a=r[2],c=0,s=[];c<l.length;c++)f=l[c],Object.prototype.hasOwnProperty.call(o,f)&&o[f]&&s.push(o[f][0]),o[f]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,a||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var i=t[l];0!==o[i]&&(n=!1)}n&&(u.splice(r--,1),e=f(f.s=t[0]))}return e}var n={},o={1:0},u=[];function f(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,f),t.l=!0,t.exports}f.m=e,f.c=n,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},f.t=function(e,r){if(1&r&&(e=f(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)f.d(t,n,function(r){return e[r]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,"a",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p="/";var l=this["webpackJsonpk8s-demo-frontend"]=this["webpackJsonpk8s-demo-frontend"]||[],i=l.push.bind(l);l.push=r,l=l.slice();for(var a=0;a<l.length;a++)r(l[a]);var p=i;t()}([])</script><script src="/static/js/2.d0218d5d.chunk.js"></script><script src="/static/js/main.035f5630.chunk.js"></script></body></html>
但是，由于阿里云服务器的防火墙，使用外网 ip，直接在浏览器访问：
http://47.93.9.45:30339 暂时还访问不了，需要配置安全组开放端口：
本篇，创建了前端项目的 Deployment、Service，完成了前端项目的部署和访问；
下一篇，集成 jenkins 与 k8s，实现提交代码自动触发构建部署；
相关文章：
【Kubernetes】第二十七篇 - 布署前端项（下）
一，前言 上一篇，介绍了前端项目的部署：项目的创建和 jenkins 配置； 本篇，创建 Deployment、Service，完成前端项目的部署； 二，创建 Deployment 创建 Deployment 配置文件ÿ…...
【MFC】两个ListBox控件数据交互
一.控件ID名称 界面如图下所示： 候选数据列表的ID为： 已选数据列表的ID为： 二.数据添加 可以使用以下代码往框中添加数据： ((CListBox *)GetDlgItem(IDC_LIST_TO_CHO))->AddString("测试数据"); 显示效果如下&#…...
sklearn库学习--SelectKBest 、f_regression
目录 一、SelectKBest 介绍、代码使用 介绍： 代码使用： 二、评分函数 【1】f_regression： （1）介绍： （2）F值和相关系数 【2】除了f_regression函数，还有一些适用于…...
蓝桥杯刷题第十三天
第一题：特殊日期问题描述对于一个日期，我们可以计算出年份的各个数位上的数字之和，也可以分别计算月和日的各位数字之和。请问从 1900 年 11 月 1 日至 9999 年 12 月 31 日，总共有多少天，年份的数位数字之和等于月的数…...
CPU 和带宽之间的时空权衡
在 从一道面试题看 TCP 的吞吐极限 一文的开始，我提到在环形域上两个数字比较大小的前提是在同一个半圆内，进而得到滑动窗口最大值被限定在一个环形域的一半。 现在来看更为基本的问题。如果序列号只有 2bit，甚至仅有 1bit，保序传…...
ES+Redis+MySQL，这个高可用架构设计太顶了！
一、背景 会员系统是一种基础系统，跟公司所有业务线的下单主流程密切相关。如果会员系统出故障，会导致用户无法下单，影响范围是全公司所有业务线。所以，会员系统必须保证高性能、高可用，提供稳定、高效的基础服务。 …...
【Maven】Maven的常用命令
目录 一、Maven的常用命令 1、compile 编译命令 2、test 测试命令 3 、clean 清理命令 4、package 打包命令 5、 install 安装命令 6、Maven 指令的生命周期 二、maven 的概念模型 💟 创作不易，不妨点赞💚评论❤️收藏💙一…...
python的循环结构
python中有for循环和while循环两种形式。 1. for 循环 可以用for循环来遍历不同类型的对象，如数组、列表、元组、字典、集合或字符串，并对每个元素执行一段代码。 1.1 数组的for循环 用for循环遍历一个数组，并打印出每个元素：…...
五种Python中字典的高级用法
1. 引言 Python中的字典是一种非常有用的数据结构，它允许大家存储键值对。通常来说，字典灵活、高效且易于使用，是Python中最常用的数据结构之一。字典通常被用于统计频率、映射值等任务，但在Python中使用字典也可以达到许多意想不…...
[蓝桥杯单片机]——八到十一届初赛决赛客观题
第八届初赛 一、填空题 采用外部12MHz晶振，经过系统12分频时定时器获得最大定时长度，此时定时器定时脉冲为1MHz，周期为1s，而定时器计时均为16位加法计数器，即计时长度为。 二、 选择题 ①带阻滤波器是指能通过大多数频…...
多线程(初阶)
文章目录一.初始线程(Thread)1.1.线程的概念1.2.线程的优势1.2.1.线程比进程更轻量1.2.2.并发编程1.3.线程和进程的区别二.Thread类方法2.1. java 中创建线程的方法2.1.1. 继承Thread,重写run2.1.2. 实现Ruuable接口2.1.3. 使用匿名内部类,继承Thread2.1.4.使用匿名内部类,实现…...
【Vue从入门到进阶】Node.js安装与配置
✅作者简介：CSDN一位小博主，正在学习前端，欢迎大家一起来交流学习🏆 📃个人主页：白月光777的CSDN博客 🔥系列专栏：Vue从入门到进阶 💬个人格言：但行好事&…...
python 正则使用详解
python 正则使用详解什么是正则在 python 中使用正则一些正则的定义python 正则的方法match 从字符串开头匹配正则返回的结果分析（重要）fullmatch 严格匹配整个字符串search 任意位置开始匹配sub 替换匹配内容subn 以元组方式返回替换结果split 正则切割…...
一个深度学习项目需要什么
DataLoader1.数据预处理在将数据提供给模型之前，DataLoader需要对数据进行预处理。预处理可以包括数据增强、归一化、裁剪、缩放等操作。这些操作可以提高模型的性能和准确度。在处理点云数据时，可以通过最远点下采样到固定的点数。2.读取标签文件我 1 2…...
【Java进阶篇】—— 常用类和基础API
一、String类 1.1 String的特性 java.lang.String 类代表字符串，由final关键字修饰，在赋值后不能改变（常量），不能继承String类String 对象的字符内容是存储在一个字符数组 value[]中的 我们来看一下String在JDK8中的…...
手敲Mybatis(六)-反射工具天花板
历时漫长的岁月，终于鼓起勇气继续研究Mybatis的反射工具类们，简直就是把反射玩出花，但是理解起来还是很有难度的，涉及的内容代码也颇多，所以花费时间也比较浩大，不过当了解套路每个类的功能也好，…...
内含18禁~~关于自学\跳槽\转行做网络安全行业的一些建议
作者：Eason_LYC 悲观者预言失败，十言九中。 乐观者创造奇迹，一次即可。 一个人的价值，在于他所拥有的。所以可以不学无术，但不能一无所有！ 技术领域：WEB安全、网络攻防 关注WEB安全、网络攻防。…...
春分策划×运维老王主讲：CMDB数据运营精准化公开课启动报名啦！
『CMDB数据运营精准化』 公开直播课 要来了！ 👆扫描海报二维码，预约直播 CMDB似乎是运维中永恒的老话题。 提到CMDB很多人都是又爱又恨，爱的是它给我们提供了一个美好的未来，有了CMDB我们可以解决诸多运维中的难题。…...
制作INCA和CANape通用的A2L
文章目录 前言制作A2LA2ML定义MOD_COMMON定义MOD_PAR定义MEMORY_SEGMENTTransportLayer定义PROTOCOL_LAYERDAQ总结前言 由于INCA和CANape是两个不同的公司对XCP协议的实现，所以A2L中也会有不一样的地方，但是在标定时若每次都用两个A2L，是非常不方便的，本文介绍如何设计A2L…...
Python人脸识别
#头文件：import cv2 as cvimport numpy as npimport osfrom PIL import Imageimport xlsxwriterimport psutilimport time#人脸录入def get_image_name(name):name_map {f.split(.)[1]:int(f.split(.)[0]) for f in os.listdir("./picture")}if not name…...
具身智能：千亿赛道崛起、多元场景落地与数据标注协同发展
2025被称为“具身智能元年”！ “具身智能” 也首次被写入中国《政府工作报告》，纳入国家战略规划，各地密集出台专项政策布局赛道。 数据标注作为具身智能涌现的核心基石，也同步完成了从劳动密集型向高技术专业化的范式升级。 具…...
国产64G超大显存GPU，海光K100
长城永不倒，国货当自强！ 海光K100 AI是7nm国产GPU加速卡，主打大显存高AI算力信创国产适配高性价比： • 64GB大显存，适合大模型训练/推理 • INT8 392 TOPS、FP16 196 TFLOPS，算力强劲 • PCIe 5.0、350W&am…...
从零开始：SpaCy安装与模型下载的完整流程（含版本查询技巧）
从零开始：SpaCy安装与模型下载的完整流程（含版本查询技巧） 自然语言处理（NLP）正在改变我们与计算机交互的方式，而SpaCy作为这一领域的明星工具库，以其高效性和易用性赢得了众多开发者的青睐。无…...
nli-distilroberta-base前端集成案例：Vue.js构建智能文本分析界面
nli-distilroberta-base前端集成案例：Vue.js构建智能文本分析界面 1. 场景价值与方案概述 电商平台的客服系统每天需要处理大量用户咨询，其中很多问题都涉及产品参数的对比（如"这款手机电池容量比A型号大吗？"…...
OpenClaw怎么搭建？2026年3月OpenClaw（Clawdbot）在腾讯云一键部署超全攻略
OpenClaw怎么搭建？2026年3月OpenClaw（Clawdbot）在腾讯云一键部署超全攻略。本文面向零基础用户，完整说明在轻量服务器与本地Windows11、macOS、Linux系统中部署OpenClaw（Clawdbot）的流程，包含环…...
同花顺期货通指标编写指南：从零开始构建趋势波段共振系统（含避坑技巧）
同花顺期货通指标编写指南：从零开始构建趋势波段共振系统（含避坑技巧） 在期货交易中，技术指标是交易者不可或缺的分析工具。同花顺期货通作为国内主流的期货交易软件，其内置的指标编写功能为交易者提供了强大的自定义能…...
从热电偶到串口显示：用STM32F103C8T6+MAX6675搭建简易温度监控系统
从零搭建热电偶温度监控系统：STM32F103C8T6与MAX6675实战指南 在工业测量和创客项目中，温度监控是最基础却至关重要的环节。想象一下，当你需要精确控制3D打印机的热床温度、监测烘焙设备的加热曲线，或是记录温室大棚的环境变化时&…...
GT IP跑Aurora 64B66B协议：从变速箱到加扰的实战避坑指南
GT IP实现Aurora 64B66B协议：从变速箱到加扰的工程实践全解析 在高速串行通信领域，Xilinx的GT系列IP核配合Aurora 64B66B协议已成为许多硬件工程师的首选方案。这种组合能够提供高达数十Gbps的数据传输速率，广泛应用于数据中心互连、高性能计…...
大疆L1点云数据导出后，用CloudCompare做可视化与简单分析的完整流程
大疆L1点云数据从导出到分析：CloudCompare实战全流程指南 当你从DJI Terra中导出L1激光雷达的LAS文件时，真正的数据价值挖掘才刚刚开始。作为测绘工程师或三维建模从业者，如何将这些原始点云转化为可操作的洞察？本文将带你用开源神…...
Qwen3.5-4B-Claude-Opus-GGUF效果展示：TCP三次握手状态机推理
Qwen3.5-4B-Claude-Opus-GGUF效果展示：TCP三次握手状态机推理 1. 模型能力概览 Qwen3.5-4B-Claude-4.6-Opus-Reasoning-Distilled-GGUF是一个专注于逻辑推理和结构化分析的轻量级AI模型。这个基于Qwen3.5-4B的蒸馏版本特别擅长处理需要分步骤解释的技术问题&#…...