Media的前世今生

Media 產品

Media 商業模式

  • 廣告露出與投放
  • 業配置入性行銷
  • 導購、流量轉導
  • 內容行銷與曝光
  • 數據分析廣告代操
  • 廣告精準投放

Media 架構

CloudFlare

DNS+靜態快取(IMG,JS,CSS)

Varnish

動態快取

Nuxt

前端服務

API

後端服務

              

 

 

 

 

 

 

 

K8S(GKE)

K8S 內部說明

              

 

 

 

 

 

 

 

Prod

Varnish

HS-HK

PHP-API

BF-HK

UL-HK

MK-HK

MD-HK

              

 

 

 

 

 

 

 

Prod-GS

Varnish

GS-HK

PHP-API

GS-SG

GS-TW

GS-MY

GS-KR

              

 

 

 

 

 

 

 

Prod-IN

Varnish

GS-IN

PHP-API

Varnish

Q1:為什麼要Varnish?
A1:因為Media大部份的內容都是靜態內容頁面,較少互動,流量大,需要效能好的反向代理來減少伺服器的負擔

Q2:Varnish主要的工作有哪些?
A2:Nuxt的SSR HTML頁面內容快取, API JSON內容快取

Q3:Varnish快取如何避開或清除
A3:加Query參數 preview=true即可 ByPass
         UNLINK 特定頁面網址 可清除特定頁面快取
         Restart Varnish 可清除全部的快取

Q4:Varnish快取時間
A4:HTML 24h. API 3h

Nuxt

Q1:Nuxt所提供的服務?
A1:所有產品頁面的呈現與內容

Q2:Nuxt(FE)主要的情境有哪些?
A2:SSR, CSR, 與API互動

Q3:Nuxt如何Proxy
A3:會先避免CROS打自已的Domain /api......
在由Nodejs做Server to Server Request呼叫
 

API

Q1:有哪些API?
A1:文章(PHP)、會員(NodeJS)、官網(Nodejs)、

Q2:排程、背景處理
A2:PHP最多、官網NodeJS有少數

Q3:有用哪些第三方服務
A3:搜尋(algolia)、寄信(Sendgrid)、Log(Sentry)、CDN(Google Storage)

 

Q4:Database
A4:MySQL、Redis、MongoDB

WordPress

Q1:哪個環境WordPress可以運作?
A1:Prod

 

Q2:WordPress是否有版控?
A2:無

Q3:

 

Media的前世今生

By Seta Chuang

Media的前世今生

  • 469