1. 二手車發(fā)展現(xiàn)狀

經(jīng)過十余年的發(fā)展，中國(guó)二手車正步入高速發(fā)展期，但面對(duì)當(dāng)前的許多問題，二手車的發(fā)展仍處于初級(jí)階段。目前，二手車市場(chǎng)還存在嚴(yán)重的信息不對(duì)稱，車輛的維修保養(yǎng)記錄、事故記錄等信息不公開，公民誠(chéng)信體系尚未建立等情況，在這種背景下，客戶只有通過獨(dú)立的第三方二手車鑒定評(píng)估機(jī)構(gòu)或二手車經(jīng)營(yíng)機(jī)構(gòu)中專業(yè)二手車鑒定評(píng)估師對(duì)二手車進(jìn)行全面綜合的檢測(cè)與鑒定，才可獲取車輛較完整或者大概的技術(shù)狀況。

反觀國(guó)外二手車交易市場(chǎng)，對(duì)車輛的檢測(cè)非常嚴(yán)格，要進(jìn)行強(qiáng)檢入場(chǎng)，確保事故車、泡水車、火燒車不入場(chǎng)，或者分區(qū)域展示銷售；歐美發(fā)達(dá)國(guó)家的二手車發(fā)展，市場(chǎng)已經(jīng)相當(dāng)成熟，形成了一套完整的市場(chǎng)體系，能夠給二手手車消費(fèi)者提供足夠的安全保障，獲得消費(fèi)者的信任。比如美國(guó)每年二手車銷量是新車的3.2倍，繁榮的二手車市場(chǎng)，這一強(qiáng)大的市場(chǎng)綜合體包括了車輛信息的采集、信用體系和檢測(cè)體系等，獨(dú)立的體系互相協(xié)作，有效的解決由于市場(chǎng)信息不對(duì)稱導(dǎo)致的法律風(fēng)險(xiǎn)和道德風(fēng)險(xiǎn)。

(資料圖片僅供參考)

二手車市場(chǎng)交易的目的就是為了獲得更高的利潤(rùn)，為了獲取更高的利潤(rùn)就必須進(jìn)行二手車行業(yè)的創(chuàng)新，而創(chuàng)新的動(dòng)力主要來(lái)源技術(shù)推動(dòng)和流量增長(zhǎng)。流量的增長(zhǎng)可以讓更多的消費(fèi)者了解產(chǎn)品，也就是推廣。技術(shù)推動(dòng)就是技術(shù)更新迭代，從而維護(hù)現(xiàn)有的流量人群，從而獲得更多地利潤(rùn)。二手車創(chuàng)新最重要的一點(diǎn)就是交易透明化，具體化，只有交易能得到保障，消費(fèi)者才會(huì)買賬，人無(wú)信則無(wú)立，企業(yè)也是這樣的。對(duì)二手車的車價(jià)提供可靠的參考標(biāo)準(zhǔn)及車輛評(píng)估，了解二手車的維修保養(yǎng)情況和事故出險(xiǎn)記錄，成交的交易數(shù)據(jù)公開化展示，建立并指定相關(guān)的交易標(biāo)準(zhǔn)。

2. 汽車之家二手車車史發(fā)展

汽車之家二手車的車史發(fā)展可以分成3個(gè)階段：

0-1接入二手車維修保養(yǎng)記錄報(bào)告，幫助商家進(jìn)行收車查詢車輛維修保養(yǎng)記錄報(bào)告，到后期提供給買車用戶下單查詢服務(wù)，維修保養(yǎng)記錄報(bào)告很大程度上增加了二手車交易過程中的信息透明度，規(guī)范買賣雙方更加安全的進(jìn)行交易；為了完善二手車的出險(xiǎn)記錄，汽車之家開始接入第三方車輛出險(xiǎn)記錄報(bào)告，與維保報(bào)告組合形成汽車之家二手車綜合報(bào)告，極大的豐富和完善了二手車的車況、維修、出險(xiǎn)信息；隨著維修保養(yǎng)記錄報(bào)告、出險(xiǎn)記錄報(bào)告對(duì)接供應(yīng)商的增加，汽車之家二手車在車史報(bào)告接入上形成了規(guī)范的接入流程和接入標(biāo)準(zhǔn)，新增供應(yīng)商的接入實(shí)現(xiàn)最小時(shí)間投入，并實(shí)現(xiàn)供應(yīng)商服務(wù)提供動(dòng)態(tài)調(diào)整；提升二手車車史報(bào)告查得率（報(bào)告查詢成功的概率），汽車之家二手車增加銀保信、車信盟等官方數(shù)據(jù)平臺(tái)，車史檔案更新迭代，上線擴(kuò)大數(shù)據(jù)源，報(bào)告查得率居行業(yè)第一，高效幫助用戶解決了購(gòu)車顧慮；汽車之家聯(lián)合北理新源，在汽車資訊、車主服務(wù)、二手車評(píng)估等場(chǎng)景中的新能源仿真數(shù)據(jù)應(yīng)用展開深入合作，作為行業(yè)內(nèi)唯一簽約合作伙伴，汽車之家將和北理新源在新能源汽車電池性能評(píng)估及技術(shù)咨詢開展戰(zhàn)略合作。汽車之家借助北理新源的車聯(lián)網(wǎng)大數(shù)據(jù)分析與挖掘技術(shù)與經(jīng)驗(yàn)，結(jié)合自身看、買、用、換等相關(guān)場(chǎng)景，在C端、二手車、主機(jī)廠與經(jīng)銷商等業(yè)務(wù)中，規(guī)劃業(yè)內(nèi)諸多唯一性的產(chǎn)品與服務(wù)，進(jìn)一步建立“人無(wú)我有”的汽車生態(tài)優(yōu)勢(shì)。3. 技術(shù)方案選型3.1Selenium

一款可以實(shí)現(xiàn)網(wǎng)頁(yè)自動(dòng)化操作、自動(dòng)化測(cè)試的框架；在網(wǎng)頁(yè)自動(dòng)化操作方面，它可以自動(dòng)瀏覽網(wǎng)頁(yè)，并進(jìn)行網(wǎng)頁(yè)表單的自動(dòng)填寫，網(wǎng)頁(yè)中數(shù)據(jù)的采集；在自動(dòng)化測(cè)試方面，它可以用在單元測(cè)試、回歸測(cè)試、冒煙測(cè)試、集成測(cè)試、驗(yàn)收測(cè)試中；Selenium庫(kù)有一個(gè)WebDriver的API，WebDriver可以控制瀏覽器的操作，它可以像BeautifulSoup或者其他Selector對(duì)象一樣來(lái)查找頁(yè)面元素，與頁(yè)面上的元素進(jìn)行交互（發(fā)送文本、點(diǎn)擊等），以及執(zhí)行其他動(dòng)作來(lái)運(yùn)行網(wǎng)絡(luò)爬蟲；

Selenium具有支持多語(yǔ)言多瀏覽器的特性，為什么可以支持多語(yǔ)言和多瀏覽器，如下是圖1.1selenium基本架構(gòu)：

具體過程步驟如下：

?藍(lán)色部分是面向我們開發(fā)人員的編碼階段，支持java、C#、Ruby、python、JavaSciprt等語(yǔ)言；

例如點(diǎn)擊操作：java方式：driver.findElement(By.id()).click(),python方式：document.find_element_by_id().click();

?編碼階段結(jié)束之后并沒有直接與瀏覽器Driver進(jìn)行通信，而是通過selenium客戶端程序?qū)⒉僮鬓D(zhuǎn)換成JSON WireProtocol協(xié)議（webdriver協(xié)議）；協(xié)議定義了一套標(biāo)準(zhǔn)接口規(guī)范，

例如上面的點(diǎn)擊操作，對(duì)應(yīng)的接口協(xié)議是：POST  /session/{sessionid}/element/{element id}/click；

?最后Browser Driver解析具體協(xié)議，不需要關(guān)注客戶端具體使用的開發(fā)語(yǔ)言是什么，這就是selenium支持多語(yǔ)言特性；

?Browser driver有各個(gè)瀏覽器廠商提供的driver，每一個(gè)瀏覽器driver都是一個(gè)獨(dú)立服務(wù)和進(jìn)程，是selenium與瀏覽器通信的橋梁，根據(jù)webdriver協(xié)議解析結(jié)果，調(diào)用瀏覽器與之對(duì)應(yīng)的協(xié)議進(jìn)行操控瀏覽器，這就是selenium支持多瀏覽器特性；

3.2PhantomJs

一個(gè)基于webkit的JavaScript API，它使用QtWebKit作為它核心瀏覽器的功能，使用webkit來(lái)編譯解釋執(zhí)行JavaScript代碼，任何可以在基于webkit瀏覽器做的事情，它都能做到；它不僅是個(gè)隱形的瀏覽器，提供了諸如CSS選擇器、支持web標(biāo)準(zhǔn)、Dom操作、Json、Html5、Canvas、SVG等，同時(shí)也提供了處理文件I/O的操作，從而使你可以向操作系統(tǒng)讀寫文件等；PhantomJs的用處非常廣泛，諸如網(wǎng)路監(jiān)測(cè)、網(wǎng)頁(yè)截屏、無(wú)需瀏覽器的web測(cè)試、頁(yè)面訪問自動(dòng)化等；

PhantomJs VS ChromeDriver：PhantomJs無(wú)界面模式，可以節(jié)省內(nèi)存，ChromeDriver完全模仿瀏覽器，消耗內(nèi)存。

4. 面對(duì)問題&備選方案

車信報(bào)告作為二手車車史信息完善的一部分，在交易過程中讓買賣雙方信息更加透明；第三方采用授權(quán)固定有效期內(nèi)報(bào)告可以正常查看的規(guī)則約束報(bào)告使用方，報(bào)告有效期30天，超出時(shí)間之后，用戶需要重新向第三方下單，因此擺在我們面前的問題有：

用戶花費(fèi)余額購(gòu)買的報(bào)告超出時(shí)間之后無(wú)法查看；系統(tǒng)缺少車信報(bào)告相關(guān)數(shù)據(jù)，無(wú)法進(jìn)行進(jìn)一步研究；阻礙用戶進(jìn)行報(bào)告分享；無(wú)法將報(bào)告進(jìn)行永久保存；第三方不對(duì)外提供相關(guān)數(shù)據(jù)報(bào)告接口；

針對(duì)如上這些問題，我們可以采用的備選方案如下：

方案一：將報(bào)告進(jìn)行解析，保存報(bào)告數(shù)據(jù)；

成本：花費(fèi)大量的研發(fā)成本研究對(duì)方報(bào)告內(nèi)容，與業(yè)務(wù)方配合溝通確認(rèn)報(bào)告內(nèi)容，最后將對(duì)報(bào)告展現(xiàn)進(jìn)行重新開發(fā)頁(yè)面進(jìn)行適配；

風(fēng)險(xiǎn)：報(bào)告解析的復(fù)雜性，第三方內(nèi)容變更導(dǎo)致報(bào)告解析失敗或不完整，對(duì)報(bào)告內(nèi)容理解不到位引起更多的解釋成本；

收益：無(wú)需第三方提供數(shù)據(jù)接口實(shí)現(xiàn)報(bào)告數(shù)據(jù)的本地存儲(chǔ)，方便后續(xù)對(duì)車況進(jìn)行進(jìn)一步研究，自定義報(bào)告展示頁(yè)面內(nèi)容，加速報(bào)告詳情迭代速度；

方案二：將報(bào)告通過app客戶端生成圖片保存到客戶端；

成本：利用app原生客戶端進(jìn)行截圖功能開發(fā)，需要適配多端多尺寸多機(jī)型，投入雙倍人力，并且都需要滿足不同客戶端的研發(fā)場(chǎng)景；

風(fēng)險(xiǎn)：保存的圖片報(bào)告無(wú)法進(jìn)行隨時(shí)查看，更換手機(jī)之后需要重新通過app客戶端重新下載保存，android和ios平臺(tái)不同尺寸不同機(jī)型的適配問題相對(duì)復(fù)雜；如果對(duì)已經(jīng)出報(bào)告的內(nèi)容忘記截圖，超過過期時(shí)間之后還是無(wú)法查看報(bào)告；

收益：因?yàn)槭强蛻舳私貓D和存儲(chǔ)，對(duì)服務(wù)器沒有數(shù)據(jù)存儲(chǔ)要求，保存到客戶端相冊(cè)方便客戶進(jìn)行圖片分享；

方案三：通過服務(wù)器端，將車信報(bào)告生成圖片，上傳到圖片服務(wù)器，然后綁定當(dāng)前車信報(bào)告，達(dá)到報(bào)告的永久保存和隨時(shí)下載分享；

成本：使用服務(wù)器存儲(chǔ)資源，將服務(wù)器端截圖進(jìn)行存儲(chǔ)；

風(fēng)險(xiǎn)：車史報(bào)告圖片異步生成，存在極端情況用戶無(wú)法查看或者分享報(bào)告圖片內(nèi)容；服務(wù)器端截圖圖片質(zhì)量問題；

收益：車史報(bào)告永久保存，所有用戶分享的報(bào)告圖片都是一樣的，不存在第三方數(shù)據(jù)報(bào)告過期問題，用戶隨時(shí)隨地在不同的客戶端都可以進(jìn)行報(bào)告的查看和分享；

5. 技術(shù)方案實(shí)施步驟

本文采用python開發(fā)，利用selenium的無(wú)核瀏覽器特性，通過webdriver結(jié)合phantomjs，進(jìn)行客戶端網(wǎng)頁(yè)的圖片流的下載，并上傳到圖片服務(wù)器，最終將生成的圖片地址與當(dāng)前報(bào)告進(jìn)行綁定；流程參考如圖3.0應(yīng)用步驟流程圖：

a) 首先對(duì)應(yīng)用進(jìn)行配置初始化，具體參數(shù)項(xiàng)說(shuō)明請(qǐng)參考下表：

配置項(xiàng)	說(shuō)明
Cxm_report_url	獲取第三方報(bào)告詳情地址
Image_upload_url	圖片上傳地址
Cxm_report_img_update_url	更新報(bào)告圖片標(biāo)識(shí)位
Reportlist	返回沒有圖片報(bào)告列表
PHANTOMJS_MacOS_DIR	MacOS環(huán)境下PhantomJs執(zhí)行目錄
PHANTOMJS_Linux_DIR	Linux環(huán)境下PhantomJs執(zhí)行目錄
PHANTOMJS_Windows_DIR	Windows環(huán)境下PhantomJs執(zhí)行目錄

配置項(xiàng)代碼：

import osbasedir = os.path.abspath(os.path.dirname(__file__))# 報(bào)告地址cxm_report_url = " cxm_report_url "# 圖片上傳地址image_upload_url = " image_upload_url "# 更新報(bào)告地址cxm_report_img_update_url = "hcxm_report_img_update_url "# 報(bào)告列表reportlist = " reportlist "# macos envPHANTOMJS_MacOS_DIR = "/phantomjs-2.1.1-macosx/bin/phantomjs"# linux envPHANTOMJS_Linux_DIR = "/phantomjs-2.1.1-linux-x86_64/bin/phantomjs"# windows envPHANTOMJS_Windows_DIR = "\\phantomjs-2.1.1-windows\\bin\\phantomjs.exe"

b) 獲取需要生成圖片報(bào)告列表

def getreportlist():    res_report = requests.get(sys_config.reportlist)    reportlist = json.loads(res_report.content)    return reportlist

c) 車信圖片上傳到圖片服務(wù)器，這里需要指定上傳api身份信息、content-type，身份標(biāo)識(shí)信息通過cookie攜帶提交到服務(wù)器，指定application/x-www-form-urlencoded作為request headers的content-type；

def uploadimg(imgbase64,cxm_reportid):    cookies = {"cookie": "value"}    data = {"base64data": "" + imgbase64 + ""}    headers = {"Content-Type": "application/x-www-form-urlencoded"}    res_img_url = requests.post(url=sys_config.image_upload_url, data=data)    res_img_json = json.loads("{" + res_img_url.text + "}")    img_url = res_img_json["msg"]    res_img_update = requests.post(url=sys_config.cxm_report_img_update_url)    return res_img_update

d)圖片生成，首先初始化PhantomJs driver，然后通過querycode向第三方查詢報(bào)告詳情地址，execute_script執(zhí)行當(dāng)前頁(yè)面加載到PhantomJs中的計(jì)算頁(yè)面內(nèi)滾動(dòng)的高度，為了底部留白高度增加430，然后通過set_window_size來(lái)設(shè)置窗口的寬高，最后get_screenshot_as_base64保留客戶端截圖的base64圖片流，將圖片流上傳服務(wù)器返回用戶可是使用的報(bào)告圖片地址；

def genimg(reportlist,phantomjspath):    for cxmreport in reportlist["result"]:        try:            driver = webdriver.PhantomJS(phantomjspath)            querycode = cxmreport["querycode"]            cxm_reportid = cxmreport["cxm_reportid"]            vincode = cxmreport["vincode"]            res_cxm_url = requests.get(sys_config.cxm_report_url + querycode)            res_cxm_url_json = json.loads(res_cxm_url.text)            cxm_url = res_cxm_url_json["result"]["url"]            driver.get(cxm_url)            time.sleep(5)            height = 0            js = "if(document.querySelector(".outside")!=undefined) {return document.querySelector(".outside").scrollHeight;}else{return window.innerHeight;}"            height = driver.execute_script(js)            height = height + 430            driver.set_window_size(414, height)            imgbase64 = driver.get_screenshot_as_base64();            res_img_update = uploadimg(imgbase64,cxm_reportid)            driver.quit()        except Exception as e:            print(str(e))

6. 技術(shù)方案實(shí)施經(jīng)驗(yàn)總結(jié)第三方報(bào)告內(nèi)容H5采用頁(yè)面內(nèi)滾動(dòng)方式，直接使用截圖方案只能針對(duì)首頁(yè)第一屏進(jìn)行圖片截取，需要根據(jù)頁(yè)面內(nèi)滾動(dòng)高度動(dòng)態(tài)計(jì)算截圖窗口的高度，才能將圖片完整截?。粓?bào)告內(nèi)容H5寬度400px，在app上有很好的瀏覽效果，但是采用服務(wù)器截圖在pc客戶端瀏覽狀態(tài)不好，放大之后存在圖片失真的效果，如果能夠模擬客戶端瀏覽器放大之后再進(jìn)行截圖是不是可以提升圖片質(zhì)量，結(jié)論是可以提升，但是第三方h5內(nèi)容布局無(wú)法兼容，導(dǎo)致放大之后布局錯(cuò)位，所以最終還是沒有采取放大的措施進(jìn)行提升圖片質(zhì)量；linux服務(wù)器存在中文字體識(shí)別的問題，導(dǎo)致保存的圖片亂碼或者中文識(shí)別不了，解決這個(gè)問題就是需要將中文字體下載到linux服務(wù)器；因?yàn)榉?wù)器和瀏覽器支持的字體屬性各不相同，最后保存圖片的質(zhì)量也因?yàn)閙ac環(huán)境或者是windows環(huán)境或者是linux環(huán)境而有所不同；在“蘋方簡(jiǎn)”字體和“宋體”下效果不一樣，解決方案就是保證服務(wù)器能夠支持對(duì)應(yīng)的字體。7. 成果和展望

結(jié)合調(diào)度平臺(tái)，對(duì)車信報(bào)告圖片的生成實(shí)現(xiàn)了幾乎近實(shí)時(shí)，上線截止到現(xiàn)在，共生成車信報(bào)告將1500+，沒有出現(xiàn)生成失敗的情況；多平臺(tái)動(dòng)態(tài)截圖方案雖然在車史報(bào)告中成功應(yīng)用，但存在幾個(gè)問題仍需進(jìn)一步探索和解決：1）圖片水印還沒去掉;2）右側(cè)側(cè)邊欄滾動(dòng)效果被截圖保留，影響用戶體驗(yàn);3）服務(wù)器保存圖片字體質(zhì)量有待提高；希望強(qiáng)大的Selenium+PhantomJs可以應(yīng)用到更多的業(yè)務(wù)場(chǎng)景中，比如郵件附動(dòng)態(tài)圖片，web應(yīng)用自動(dòng)化測(cè)試，爬蟲應(yīng)用等。

車信報(bào)告的完整度保存成圖片，示例如下：

linux

macos

作者簡(jiǎn)介：劉小云

二手車-技術(shù)部-商家團(tuán)隊(duì)。2015年加入汽車之家。10年+開發(fā)經(jīng)驗(yàn)，從事后端開發(fā)；負(fù)責(zé)車智贏相關(guān)系統(tǒng)研發(fā)工作；主要搭建二手車商增值業(yè)務(wù)、金豆等模塊。

關(guān)鍵詞： 維修保養(yǎng) 報(bào)告內(nèi)容 圖片質(zhì)量 自動(dòng)化測(cè)試 技術(shù)方案