導(dǎo)購(gòu)網(wǎng)站的核心技術(shù)解析發(fā)布者：本站     時(shí)間：2020-05-05 13:05:19

導(dǎo)購(gòu)網(wǎng)站是給消費(fèi)者提供網(wǎng)絡(luò)購(gòu)物指導(dǎo)的服務(wù)類(lèi)網(wǎng)站，其職責(zé)是解決消費(fèi)者心理的種種疑慮，引導(dǎo)幫助消費(fèi)者省時(shí)省力的搜索到理想的商品并實(shí)現(xiàn)購(gòu)買(mǎi)，甚至挖掘出消費(fèi)者潛在的購(gòu)買(mǎi)欲望。導(dǎo)購(gòu)網(wǎng)站設(shè)計(jì)應(yīng)考衡快速更新的龐大數(shù)據(jù)及大量并發(fā)訪問(wèn)的場(chǎng)景，提出相應(yīng)的解決方案。

1 導(dǎo)購(gòu)網(wǎng)站架構(gòu)方面的訴求

互聯(lián)網(wǎng)行業(yè)生存在快魚(yú)吃慢魚(yú)的時(shí)代，面對(duì)數(shù)億的用戶規(guī)模，不能簡(jiǎn)單依靠調(diào)研及產(chǎn)品規(guī)劃妄圖使網(wǎng)站建設(shè)一步到位。導(dǎo)購(gòu)網(wǎng)站的UI以及功能需要快速開(kāi)發(fā)、快速迭代，根據(jù)收集的網(wǎng)站用戶習(xí)慣數(shù)據(jù)進(jìn)行分析，找出問(wèn)題并快速做出調(diào)整。

導(dǎo)購(gòu)網(wǎng)站前端和后端技術(shù)關(guān)注點(diǎn)不同，需要能夠獨(dú)立開(kāi)發(fā)和獨(dú)立演進(jìn)。網(wǎng)站前端需要關(guān)注視覺(jué)營(yíng)銷(xiāo)效果，根據(jù)不同發(fā)展階段、不同時(shí)間和不同用戶，快速改變網(wǎng)站風(fēng)格；后端重點(diǎn)考慮兩個(gè)方面：（1）為前端提供統(tǒng)一接口。（2）高并發(fā)情況下保障網(wǎng)站瀏覽的速度。WEB容器支持熱部署，部署簡(jiǎn)單并能夠平滑擴(kuò)容。

2 導(dǎo)購(gòu)網(wǎng)站的關(guān)鍵技術(shù)解析

2.1 WEB應(yīng)用框架的選擇

基于JAVA的Struts應(yīng)用框架太重，不能滿足快速迭代的要求。目前在國(guó)內(nèi)最流行的基于PHP的WEB應(yīng)用框架簡(jiǎn)單易用，開(kāi)發(fā)出來(lái)的產(chǎn)品性能高，但需要寫(xiě)較多代碼，開(kāi)發(fā)周期長(zhǎng)。綜合導(dǎo)購(gòu)網(wǎng)站快速開(kāi)發(fā)的需要及低成本開(kāi)發(fā)的現(xiàn)實(shí)要求，選擇DJANGO/PYTHON作為系統(tǒng)的WEB應(yīng)用框架。

Python語(yǔ)法簡(jiǎn)潔而清晰，具有豐富和強(qiáng)大的類(lèi)庫(kù)。Django 是Python編程語(yǔ)言驅(qū)動(dòng)的開(kāi)源模型-視圖-控制器（MVC）風(fēng)格的 Web應(yīng)用程序框架，具有便捷、快速、高效的特點(diǎn)[1].導(dǎo)購(gòu)網(wǎng)站對(duì)網(wǎng)站瀏覽者提供的主要是搜索和瀏覽商品功能，對(duì)網(wǎng)站管理員提供主要為商品錄入及權(quán)限等功能，基于DJANGO/PYTHON的WEB應(yīng)用框架能迅速的實(shí)現(xiàn)這些功能的開(kāi)發(fā)。

2.2 前端和后端分離

前端開(kāi)發(fā)和后端開(kāi)發(fā)應(yīng)用的技術(shù)以及關(guān)注重點(diǎn)不一樣。前端開(kāi)發(fā)人員關(guān)注的是UI,是網(wǎng)站的樣式，是視覺(jué)營(yíng)銷(xiāo)效果，是系統(tǒng)使用的體驗(yàn)；后端開(kāi)發(fā)人員關(guān)注的是數(shù)據(jù)庫(kù)、緩存系統(tǒng)以及功能邏輯。

導(dǎo)購(gòu)網(wǎng)站前端和后端獨(dú)立開(kāi)發(fā)，代碼完全分開(kāi)，前后端開(kāi)發(fā)人員可以各自進(jìn)行開(kāi)發(fā)和單元測(cè)試，極大的提高了開(kāi)發(fā)效率。前端的各種頁(yè)面都是模板化的，例如首頁(yè)，可以將其從上到下分為Header、導(dǎo)航條、商品列表以及Footer,根據(jù)后端返回的數(shù)據(jù)在用戶本地渲染成實(shí)際頁(yè)面，減少后端渲染對(duì)WEB應(yīng)用服務(wù)器造成的壓力。網(wǎng)站的各種要素，包括類(lèi)目、商品、品牌、廣告位以及營(yíng)銷(xiāo)活動(dòng)等進(jìn)行建模入庫(kù)，前端通過(guò)AJAX接口，傳入資源類(lèi)型、類(lèi)目、關(guān)鍵字、標(biāo)簽以及資源名稱(chēng)從后端獲取數(shù)據(jù)；而后端從數(shù)據(jù)庫(kù)或者緩存系統(tǒng)中過(guò)濾查詢(xún)出數(shù)據(jù)后，全部結(jié)構(gòu)化為JSON數(shù)據(jù)返回給前端。

2.3 圖片緩存技術(shù)

圖片在導(dǎo)購(gòu)網(wǎng)站中具有重要地位，能有效地形成消費(fèi)者的主觀印象，帶來(lái)強(qiáng)烈的視覺(jué)沖擊，促進(jìn)消費(fèi)者購(gòu)買(mǎi)。網(wǎng)站必須設(shè)計(jì)精美的圖片，每種商品都需配備體現(xiàn)營(yíng)銷(xiāo)創(chuàng)意的大圖、展示細(xì)節(jié)的小圖、展示各個(gè)屬性的規(guī)格圖等，一個(gè)商品甚至可能配有幾十張圖片。圖片需設(shè)置較高的分辨率和色域，會(huì)占用較大的網(wǎng)絡(luò)帶寬資源。高并發(fā)的情況將增加服務(wù)器的壓力，嚴(yán)重減慢瀏覽速度，用戶體驗(yàn)極差，因此必須考慮圖片資源的存儲(chǔ)和加載速度問(wèn)題。現(xiàn)在存儲(chǔ)空間價(jià)格相當(dāng)?shù)土?，存?chǔ)問(wèn)題可以通過(guò)增加存儲(chǔ)空間來(lái)解決。圖片加載速度主要通過(guò)圖片延遲加載技術(shù)、圖片緩存技術(shù)及CDN網(wǎng)絡(luò)加速技術(shù)來(lái)解決。

WEB頁(yè)面打開(kāi)的時(shí)候，整個(gè)頁(yè)面的所有圖片會(huì)依次發(fā)送請(qǐng)求加載，可能出現(xiàn)可見(jiàn)區(qū)域圖片在不可見(jiàn)區(qū)域之后發(fā)送加載請(qǐng)求，結(jié)果出現(xiàn)不可見(jiàn)區(qū)域圖片先加載完畢而可見(jiàn)區(qū)域圖片后加載的情況，給用戶造成頁(yè)面圖片遲遲打不開(kāi)的感受。圖片延遲加載原理就是基于JavaScript語(yǔ)言對(duì)瀏覽器窗口的滾動(dòng)事件進(jìn)行處理，只加載顯示區(qū)域的圖片，從而加快頁(yè)面圖片的加載速度。

導(dǎo)購(gòu)網(wǎng)站將圖片通過(guò)Apache部署在單獨(dú)的圖片服務(wù)器中并開(kāi)啟緩存功能。用戶訪問(wèn)過(guò)的圖片資源被緩存到內(nèi)存，其他用戶再次訪問(wèn)該資源，將直接訪問(wèn)內(nèi)存中的圖片，避免再次讀取硬盤(pán)等較慢的存儲(chǔ)設(shè)備。

目前大型網(wǎng)站均使用CDN網(wǎng)絡(luò)加速技術(shù)，這種技術(shù)采取分布式網(wǎng)絡(luò)緩存結(jié)構(gòu)，通過(guò)DNS負(fù)載均衡技術(shù)在現(xiàn)有的Internet中增加一層新的網(wǎng)絡(luò)架構(gòu)，將網(wǎng)站的內(nèi)容發(fā)布到最接近用戶的Cache服務(wù)器內(nèi)。在導(dǎo)購(gòu)網(wǎng)站建設(shè)初期，因訪問(wèn)量和商品數(shù)量沒(méi)有實(shí)現(xiàn)大規(guī)模，可暫緩采用該技術(shù)。但將圖片服務(wù)器單獨(dú)部署，并綁定和WEB服務(wù)不同域名的設(shè)計(jì)，為后續(xù)引入CDN網(wǎng)絡(luò)加速預(yù)留下接口