基于Websocket服務器的汽車售后服務預約系統設計

曹思琳

(陜西交通職業技術學院 汽車工程學院， 陜西 西安 710018)

0 引言

預約服務是整個汽車售后服務流程的第一步，對于整個汽車售后服務的質量和效率起到了非常重要的作用。通過調研發現，我國各大汽車品牌售后服務預約目前還主要以傳統的電話預約形式為主，分為“主動預約客戶”和“客戶主動預約”兩種方式[1]。但是隨著5G時代的到來，移動互聯網必將改變傳統的消費行為習慣，汽車售后服務預約模式也必將進入智能互聯時代[2]。打通云端、車機和手機端數據層的互聯系統，將會為用戶帶來“五星級享受”，也必然是未來各大車企激烈角逐之地[3]。

基于移動終端與汽車車載雙管理模式下的汽車售后服務預約系統前端采用多用途、高性能的Vue框架搭建，使用Websocket技術實現車載終端與Web后臺管理平臺之間快速實時的數據交互，最后利用Axure軟件進行開發[4]。并根據調研客戶需求分析，進行系統設計，將系統分為維保預約、實時車況、功能監測、緊急報警、導航、個人信息六大模塊，實現故障預警、一鍵救援、維保預約、續保詢價、洗車美容、在線咨詢、用戶評價七大功能。目前該系統已完成了功能和性能測試，得出了測試評估結果。而且對系統使用滿意度也進行了調研，客戶評價較好，完成了既定的目標。該系統開發完成后，2018—2019年被授權計算機軟件著作權和實用新型專利，在汽車售后服務領域有廣泛的應用和推廣價值。

1 總體方案設計

基于移動終端與汽車車載雙管理模式下的汽車售后服務預約系統的研究，是指通過在車輛儀表臺安裝車載終端設備，實現對車輛所有工作情況和靜、動態信息的采集、存儲并發送[5]。系統分為三大部分：車載終端、用戶移動端App、后臺管理平臺，根據不同用戶對車輛的不同功能需求實現對車輛有效監控管理。車輛的運行往往涉及多項開關量、傳感器模擬量、CAN信號數據等等。駕駛員在操作車輛運行過程中，產生的車輛數據不斷回發到后臺數據庫，由后臺管理平臺實現對數據的“過濾清洗”，對數據進行處理，供管理人員查看，并根據客戶數據為用戶提供咨詢、消息推送、緊急報警等交互服務[6]。三個平臺通過Websocket服務器連接，進行實時通訊和數據交互。系統框架如圖1所示。

圖1 系統框架

2 Web端后臺管理平臺

后臺管理平臺在Node.js和Vue基礎上搭建后臺管理平臺框架，封裝如Websocket服務，通過Node.js與后臺數據交互，通過Websocket服務于車載終端和移動端進行數據通信[7],如圖2所示。

圖2 Web后臺管理平臺軟件架構圖

在后臺管理平臺框架之上部署管理界面、用戶信息、消息推送、車況服務、救援服務和緊急報警六個應用模塊，通過Web View與管理員進行交互操作。

3 車載終端平臺

車載終端在Node.js和Vue基礎上搭建車載終端平臺框架，封裝Websocket服務和傳感器數據處理服務，通過Node.js與后臺數據交互，通過Websocket服務與后臺管理平臺和移動端進行數據通信，通過傳感器數據處理服務采集并處理車輛硬件傳感器提供的數據[8],如圖3所示。

圖3 車載終端平臺軟件架構圖

車載顯示主要是對車輛的當前數據信息、使用狀態和人工操作進行實時顯示，通過操作車載中控顯示模塊并實時傳輸當前狀態數據，對已保持鏈接的Web管理平臺進行數據更新和自動化數據判別，對已經設定好的判定狀態進行實時預警顯示和實時應急顯示[9]。

4 移動終端平臺

4.1 設計框架

移動端在Node.js和Vue基礎上搭建移動端平臺框架，封裝WebSocket服務和傳感器數據處理服務，通過Node.js與后臺數據交互，通過WebSocket服務于后臺管理平臺和車載終端進行數據通信[10],如圖4所示。

圖4 移動終端平臺軟件架構圖

在移動端平臺框架之上部署車況展示、狀態展示、車況管理和后臺交互四個應用模塊，通過Web View與用戶進行交互操作。

4.2 部分代碼展示

sockets: {

car_status_response: function (msg) {

// console.log(‘car status:’, msg.data.carStatusData)

let oldSpeed = this.carStatus.speed

let aimDSpeed = msg.data.carStatusData.speed

this.carStatus = msg.data.carStatusData

this.JNumberScroll({speed: 10, times: 100, start: oldSpeed, end: aimDSpeed})

this.drawFuelProgress()

this.drawWaterTProgress()

},

car_info_response: function (msg) {

// console.log(‘car info:’, msg)

switch (msg.type) {

case ‘indicators’:

this.indicatorStatus = msg.data

break

case ‘nav-switch’:

this.navSwitch = msg.data

break

case ‘vehicle-condition’:

this.vehicleCondition= msg.data

if (this.vehicleCondition[1].name === ‘車內溫度’) {

this.carStatus.temperature = parseInt(this.vehicleCondition[1].info)

}

console.log(‘車內溫度: ’, this.vehicleCondition[1].info)

console.log(‘temperature: ’, this.carStatus.temperature)

break

case ‘msg-sync’:

this.msgPustList = msg.data.msgPustList

this.msgAppsList = msg.data.msgAppsList

this.isMsgSync = true

break

}

},

mobile_request_response: function (msg) {

console.log(‘requestType:’, msg.type)

switch (msg.type) {

case ‘rescue-response’:

this.$message.closeAll()

break

case ‘rescue-disconnect’:

this.phoneSelected = ‘phoneMenu’

break

case ‘technical-support-response’:

this.$message.closeAll()

break

case ‘technical-support-disconnect’:

this.videoVisible = false

break

}

},

receive_msg_response: function (msg) {

console.log(‘receive msg:’, msg)

switch (msg.type) {

case ‘push-msg’:

// this.msgPustList.append(msg.data)

this.msgPustList.push(msg.data)

break

case ‘app-msg’:

// this.msgPustList.append(msg.data)

this.msgAppsList.push(msg.data)

break

case ‘consulting-msg’:

this.consultingList.push(msg.data)

break

}

if (!this.isMsgSync) {

this.requestMsgSync()

}

}

}

5 系統測試與分析

5.1 功能測試

5.1.1 數據傳輸測試

數據傳輸測試的目的是為了驗證Websocket服務器是否能夠與車載終端和后臺管理平臺建立數據傳輸連接并進行數據交互，同時驗證數據的準確性[11]。瀏覽器客戶端收到的數據如圖5所示。

圖5 瀏覽器客戶端收到的數據

5.1.2 數據推送測試

數據傳輸功能測試完成后，驗證瀏覽器客戶端能否正確解析服務器推送的數據，并根據解析的數據實現監控頁面的監控功能[12]。Web管理平臺顯示圖如圖6所示。

圖6 Web管理平臺顯示圖

5.1.3 可視化顯示測試

當在Web車載顯示端進行操作時，可模擬真實駕駛方式將車輛進行掛擋啟動，當車輛處于D檔行進過程中時，Web車載顯示端將喚醒演示狀態的模擬數據，產生規定的數據信息，同時模擬當前車輛的行進狀態，包含車輛的速度、轉速、油耗、水溫等信息。車載數據顯示圖如圖7所示。

5.2 性能測試

5.2.1 實時性測試

用戶平均請求等待時間是評價服務器實時性的一個重要指標，時間越短表明服務器一次客戶端請求的時間越短，實時性越強[13]。演示方案使用ApacheBench對Websocket服務器進行用戶平均請求等待時間測試,如圖8所示。

圖8 壓力測試輸出結果

5.2.2 穩定性測試

穩定性測試主要測試服務器與客戶端能否長時間保持Websocket連接。系統運行時，服務器與客戶端能夠長時間保持Websocket連接是系統穩定工作的前提，也是系統穩定性的重要體現[14]。演示方案使用心跳檢測機制對Websocket連接保持功能進行測試,如圖9所示。

圖9 壓力測試輸出結果

經測試車載終端和瀏覽器客戶端可以同時和服務器保持穩定連接24個小時以上，期間沒有出現異常或是連接斷開的情況，滿足設計要求。

5.3 系統數據庫分析

將汽車車載售后服務預約系統與西安辰宇汽車貿易有限責任公司經銷商管理系統鏈接，導入客戶姓名、客戶電話、聯系地址、牌照號、車型、VIN號、購車日期、上次保養日期/里程和下次保養日期/里程信息，進行系統各功能模塊的操作，均能按設計目標實現功能使用。系統數據庫后端顯示如圖10所示。

圖10 系統數據庫后端顯示

6 總結

通過系統的搭建與測試，表明本文設計開發的基于移動終端與汽車車載雙管理模式下的汽車售后服務預約系統可以實現故障預警、一鍵救援、維保預約、續保詢價、洗車美容、在線咨詢和用戶評價七大功能。系統具有安全、快速、保密性強、壓縮率高和兼容性好等優點，為用戶提供了智能化、人性化和個性化的汽車售后服務預約操作平臺，用戶使用黏性大大提高[15]。因此該系統在汽車售后服務領域有廣泛的推廣價值和應用前景[16]。