電商系統中的靜態頁解決方案

網站建設 2022-03-03 次

靜態頁面生成是常用的提升性能手段，將一些高并發、變化頻率低、對延遲容忍度高的頁面生為靜態頁面，在電商場景中首頁、商品詳情頁、幫助中心頁、專題頁都是符合特征的頁面。通過生成靜態頁直接輸出給瀏覽器，能夠有效的減少數據庫及cpu的負載。

一般說來，靜態頁的生成和展示有如下幾個裝置：

頁面生成裝置
頁面寫入裝置
頁面存儲裝置
頁面讀取裝置
頁面顯示裝置

總體分為三大類：頁面的生成，頁面的存儲和頁面的讀取，其難點分析如下：

注：本文均以javashop電商系統中的解決方案為例

難點與解決方案

頁面生成難點

一、SEO問題

頁面的生成方案可能是多樣的，主要是看是否采用了前后端分離的設計，如果采用了前后端分離，如果直接使用前端框架的源碼會存在seo失效的問題，因為數據是rest api返回的，前端框架o（如vue）需要將這些數據在瀏覽器中渲染后才會形成用戶能看到的效果，而對于seo的爬蟲來講，他不會執行vue的渲染過程，所以seo爬蟲看到的是沒有數據填充的html代碼，導致seo幾無效。

在javashop電商系統的7.0版本中已經采用了前后端分離技術，相應的解決方案是采用nodejs的服務器端渲染，網頁生成裝置通過httpclient先去nodejs服務中抓取vue渲染過的html（已經填充好數據了），再存入存儲裝置。

在javashop電商系統的6.x版本中沒有前后端分離技術，頁面生成是通過freemarker解析模板來生成的，沒有seo問題，這和常見的生成沒有什么區別，在這里不再贅述。

二、頁面同步

當頁面內容發生變化時，相應的頁面生成裝置要被觸發，javashop電商系統中在相應業務中有比較齊全的異步消息發送，比如商品信息的變更，首頁樓層的變化等（javashop使用的是rabbitmq）,在頁面生成模塊中對這些消息做了響應，觸發相應的頁面生成動作。

頁面存儲的分布式難點

頁面存儲有多種選擇如硬盤、內存、緩存甚至云端。如果采用硬盤或內存都存在分發和更新的一致性問題，綜合考慮，javashop電商系統中采用的Redis緩存做存儲頁面方案。

頁面讀取高并發難點

在由Redis中讀取時，可以選擇通過java讀取通過tomcat等輸出給瀏覽器，這種方式大多是要再由nginx等代理輸出，中間層較多，對于并發優化，參數調優要求也就過高。

javashop電商系統中采用nginx+lua腳本直接讀取redis并輸出的方案，這樣減少了中間層，還可以在Nginx中做本地緩存提高性能。