Article / 文章中心

云原生与前端之间的关系

发布时间:2021-12-10 点击数:385

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流程一般会主动的去获取最新的镜像和最新的文件,主动布置image.png

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

看完上述架构图,有的同学或许明白了,有的同学或许仍是不明白,这些与我前端有什么关系?假如我学会了“云原生”相关常识有什么优势?


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


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


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