江蘇電商系統(tǒng)中的靜態(tài)頁解決方案

網(wǎng)站建設(shè) 2022-03-03 次

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

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

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

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

注：本文均以javashop電商系統(tǒng)中的解決方案為例

難點與解決方案

頁面生成難點

一、SEO問題

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

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

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

二、頁面同步

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

頁面存儲的分布式難點

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

頁面讀取高并發(fā)難點

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

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