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

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

1 導購網(wǎng)站架構方面的訴求

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

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

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

2.1 WEB應用框架的選擇

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

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

2.2 前端和后端分離

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

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

2.3 圖片緩存技術(shù)

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

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

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

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