1.首要用戶訪問咱們的網(wǎng)站，第一個(gè)到的是CDN，在云原生時(shí)代，CDN往往與目標(biāo)存儲(chǔ)調(diào)配運(yùn)用。

2.到了ingress這一層，咱們經(jīng)常會(huì)運(yùn)用istio來做ingress, istio后面對(duì)接的virtualservice 對(duì)接的或許是一個(gè)nginx 也能夠是某一個(gè)后端java程序，這里咱們假設(shè)是對(duì)接的一個(gè)nginx程序

3.nginx的conf文件里，曩昔咱們往往會(huì)裝備相似如下代碼，把localtion指向某一個(gè)具體 的目錄

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

現(xiàn)在咱們要加上目標(biāo)存儲(chǔ)的地址了，相似如下代碼（這一塊我從網(wǎng)上隨便復(fù)制的）

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

4.前端開發(fā)提交代碼之后，到了git倉(cāng)庫，一般會(huì)觸發(fā)jenkins的CI流程，后端鏡像或許會(huì)放入harbor中，前端文件放入目標(biāo)存儲(chǔ)，例如minio中

5.CD流程一般會(huì)主動(dòng)的去獲取最新的鏡像和最新的文件，主動(dòng)布置

假如前端學(xué)會(huì)云原生有什么優(yōu)勢(shì)？

看完上述架構(gòu)圖，有的同學(xué)或許明白了，有的同學(xué)或許仍是不明白，這些與我前端有什么關(guān)系？假如我學(xué)會(huì)了“云原生”相關(guān)常識(shí)有什么優(yōu)勢(shì)？

1. 前端程序現(xiàn)已不只是dist目錄里的html和js了，還有或許是electron打包的linux上運(yùn)行deb.rpm文件，windows上運(yùn)行的exe程序。前端開發(fā)的各種各樣的程序怎么提交給分類型，分git-tag號(hào)掛上鉤？假如不明白云原生，那么將會(huì)是一場(chǎng)噩夢(mèng)。但是假如前端開發(fā)會(huì)運(yùn)用docker,能夠很便利的生成不同版別的容器進(jìn)行build，假如了解S3接口，能夠經(jīng)過S3接口分門別類的上傳各種類型的文件。

1. 前端一般會(huì)給程序加一些錨點(diǎn)，假如能和Elasticsearch結(jié)合起來，給到運(yùn)營(yíng)和產(chǎn)品一些富麗麗的dashboard，利人利己，相信一定能獲得更好的KPI。

1. 前端代碼里假如能接入云原生的一些APM工具，那么能愈加便利的定位前端問題。