#前端需要了解云原生吗?我的回答是‘“yes!”

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,恶意文件检测 1000次 1年
对象存储 OSS,内容安全 1000次 1年
简介: 前端技术日新月异,很多老哥都抱怨“学不动了”,那么“云原生”到底学不学?我的回答是,“学!”。

云原生与前端之间的关系

为了说明云原生与前端之间的关系,我画了一张比较简单的图来描述。

建议该图从上向下,从左向右看image.png

1.首先用户访问我们的网站,第一个到的是CDN,在云原生时代,CDN往往与对象存储搭配使用。

2.到了ingress这一层,我们经常会使用istio来做ingress, istio后面对接的virtualservice 对接的可能是一个nginx 也可以是某一个后端java程序,这里我们假设是对接的一个nginx程序

3.nginx的conf文件里,过去我们往往会配置类似如下代码,把localtion指向某一个具体 的目录

location / {
            root /usr/share/nginx/html;
            index index.html index.htm;
            if (!-e $request_filename){
                    rewrite ^/.* /index.html last;
            }
        }

现在我们要加上对象存储的地址了,类似如下代码(这一块我从网上随便复制的)

location ^~ /resource/images/oss {   
           proxy_pass http://bucket名.oss-cn-shenzhen-internal.aliyuncs.com;
        }

4.前端开发提交代码之后,到了git仓库,一般会触发jenkins的CI流程,后端镜像可能会放入harbor中,前端文件放入对象存储,例如minio中

5.CD流程一般会自动的去获取最新的镜像和最新的文件,自动部署

如果前端学会云原生有什么优势?

看完上述架构图,有的同学可能明白了,有的同学可能还是不明白,这些与我前端有什么关系?如果我学会了“云原生”相关知识有什么优势?


  1. 前端程序已经不只是dist目录里的html和js了,还有可能是electron打包的linux上运行deb.rpm文件,windows上运行的exe程序。前端开发的各种各样的程序如何提交给分类型,分git-tag号挂上钩?如果不懂云原生,那么将会是一场噩梦。但是如果前端开发会使用docker,可以很方便的生成不同版本的容器进行build,如果了解S3接口,可以通过S3接口分门别类的上传各种类型的文件。


  1. 前端一般会给程序加一些锚点,如果能和Elasticsearch结合起来,给到运营和产品一些华丽丽的dashboard,利人利己,相信一定能获得更好的KPI。


  1. 前端代码里如果能接入云原生的一些APM工具,那么能更加方便的定位前端问题。


最后,不要怕自己学不动了,卷起来吧,卷趴哪些运维和开发兄弟们吧~

相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
目录
打赏
0
0
0
0
706
分享
相关文章
前端开发者必看:不懂云原生你就OUT了!揭秘如何用云原生技术提升项目部署与全栈能力
【10月更文挑战第23天】随着云计算的发展,云原生逐渐成为技术热点。前端开发者了解云原生有助于提升部署与运维效率、实现微服务化、掌握全栈开发能力和利用丰富技术生态。本文通过示例代码介绍云原生在前端项目中的应用,帮助开发者更好地理解其重要性。
134 0
在云原生时代,如何构建高效的前端开发流程
【2月更文挑战第2天】随着云原生技术的快速发展,前端开发也面临着新的挑战和机遇。本文将介绍如何构建高效的前端开发流程,在保证代码质量和团队协作的同时,提高开发效率和用户体验。从项目规划、技术选型、团队协作到持续集成和部署,我们将探讨一系列的最佳实践和工具,帮助前端开发者更好地应对云原生时代的挑战。
SREWorks云原生数智运维工程实践-SREWorks 介绍篇-SREWorks前端低代码工程设计(上)
SREWorks云原生数智运维工程实践-SREWorks 介绍篇-SREWorks前端低代码工程设计
146 0
SREWorks云原生数智运维工程实践-SREWorks 介绍篇-SREWorks前端低代码工程设计(中)
SREWorks云原生数智运维工程实践-SREWorks 介绍篇-SREWorks前端低代码工程设计
187 0
SREWorks云原生数智运维工程实践-SREWorks 介绍篇-SREWorks前端低代码工程设计(下)
SREWorks云原生数智运维工程实践-SREWorks 介绍篇-SREWorks前端低代码工程设计
160 0
前端需要了解云原生么?
作为一个前端开发者,云原生这个概念对我来说是比较陌生的。看到这次的主题,我想起来我以前无意中看到过的一篇文章。“云原生(cloud native)是一种基于云的基础之上的软件架构思想,以及基于云进行软件开发实践的一组方法论” 这句话就是从文章中看到的
前端云原生,以 Kubernetes 为基础设施的高可用 SSR(Vue.js) 渲染微服务初探(开源 Demo)
前端云原生,以 Kubernetes 为基础设施的高可用 SSR(Vue.js) 渲染微服务初探(开源 Demo)
308 0
前端云原生,以 Kubernetes 为基础设施的高可用 SSR(Vue.js) 渲染微服务初探(开源 Demo)
云原生大前端之使用 Helm 部署 Verdaccio,在 Kubernetes 上运行私有 NPM Registry
云原生大前端之使用 Helm 部署 Verdaccio,在 Kubernetes 上运行私有 NPM Registry
412 0
前端需要了解云原生吗
自进入云计算时代后,大量的新概念、新技术如雨后春笋般的涌现出来,从早期的openstack、IAAS平台,到中期的容器技术、微服务架构,再到现在的servicemesh服务网格技术、serverless无服务器架构、云原生技术,可谓在云计算的时代,我们从未停下前进的步伐。
深入理解云原生架构及其在现代企业中的应用
随着数字化转型的浪潮席卷全球,企业正面临着前所未有的挑战与机遇。云计算技术的迅猛发展,特别是云原生架构的兴起,正在重塑企业的IT基础设施和软件开发模式。本文将深入探讨云原生的核心概念、关键技术以及如何在企业中实施云原生策略,以实现更高效的资源利用和更快的市场响应速度。通过分析云原生架构的优势和面临的挑战,我们将揭示它如何助力企业在激烈的市场竞争中保持领先地位。

热门文章

最新文章