【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…...
变量 varablie 声明- Rust 变量 let mut 声明与 C/C++ 变量声明对比分析
一、变量声明设计：let 与 mut 的哲学解析 Rust 采用 let 声明变量并通过 mut 显式标记可变性，这种设计体现了语言的核心哲学。以下是深度解析： 1.1 设计理念剖析 安全优先原则：默认不可变强制开发者明确声明意图 let x 5; …...
【配置 YOLOX 用于按目录分类的图片数据集】
现在的图标点选越来越多，如何一步解决，采用 YOLOX 目标检测模式则可以轻松解决 要在 YOLOX 中使用按目录分类的图片数据集（每个目录代表一个类别，目录下是该类别的所有图片），你需要进行以下配置步骤&#x…...
MySQL用户和授权
开放MySQL白名单 可以通过iptables-save命令确认对应客户端ip是否可以访问MySQL服务： test: # iptables-save | grep 3306 -A mp_srv_whitelist -s 172.16.14.102/32 -p tcp -m tcp --dport 3306 -j ACCEPT -A mp_srv_whitelist -s 172.16.4.16/32 -p tcp -m tcp -…...
ABAP设计模式之---“简单设计原则(Simple Design)”
“Simple Design”（简单设计）是软件开发中的一个重要理念，倡导以最简单的方式实现软件功能，以确保代码清晰易懂、易维护，并在项目需求变化时能够快速适应。 其核心目标是避免复杂和过度设计，遵循“让事情保…...
Hive 存储格式深度解析：从 TextFile 到 ORC，如何选对数据存储方案？
在大数据处理领域，Hive 作为 Hadoop 生态中重要的数据仓库工具，其存储格式的选择直接影响数据存储成本、查询效率和计算资源消耗。面对 TextFile、SequenceFile、Parquet、RCFile、ORC 等多种存储格式，很多开发者常常陷入选择困境。本文将从底…...
Python 包管理器 uv 介绍
Python 包管理器 uv 全面介绍 uv 是由 Astral（热门工具 Ruff 的开发者）推出的下一代高性能 Python 包管理器和构建工具，用 Rust 编写。它旨在解决传统工具（如 pip、virtualenv、pip-tools）的性能瓶颈，同时…...
PAN/FPN
import torch import torch.nn as nn import torch.nn.functional as F import mathclass LowResQueryHighResKVAttention(nn.Module):"""方案 1: 低分辨率特征 (Query) 查询高分辨率特征 (Key, Value).输出分辨率与低分辨率输入相同。"""def __…...
[免费]微信小程序问卷调查系统(SpringBoot后端+Vue管理端)【论文+源码+SQL脚本】
大家好，我是java1234_小锋老师，看到一个不错的微信小程序问卷调查系统(SpringBoot后端Vue管理端)【论文源码SQL脚本】，分享下哈。 项目视频演示 【免费】微信小程序问卷调查系统(SpringBoot后端Vue管理端) Java毕业设计_哔哩哔哩_bilibili 项…...
Modbus RTU与Modbus TCP详解指南
目录 1. Modbus协议基础 1.1 什么是Modbus？ 1.2 Modbus协议历史 1.3 Modbus协议族 1.4 Modbus通信模型 🎭 主从架构 🔄 请求响应模式 2. Modbus RTU详解 2.1 RTU是什么？ 2.2 RTU物理层 🔌 连接方式 ⚡ 通信参数 2.3 RTU数据帧格式 📦 帧结构详解 🔍…...
规则与人性的天平——由高考迟到事件引发的思考
当那位身着校服的考生在考场关闭1分钟后狂奔而至，他涨红的脸上写满绝望。铁门内秒针划过的弧度，成为改变人生的残酷抛物线。家长声嘶力竭的哀求与考务人员机械的"这是规定"，构成当代中国教育最尖锐的隐喻。 一、刚性规则的必要性 …...