趙苗苗,張明鑫,劉 靜
(揚州亞星客車股份有限公司,江蘇 揚州 225116)
微信小程序,簡稱小程序,是基于微信的一種簡便輕型應用,微信用戶通過掃一掃或者搜索即可打開應用。據《2019微信數據報告》統計,2019年1-9月,微信月活躍賬戶數高達11.51億[1],微信小程序依附著超高的微信用戶資源,具有小程序推廣應用的先天優勢。
考慮到售后服務人員對于新能源客車維修的專業知識需求,以及微信小程序無需安裝、即開即用的優點[2],特開發“新能源客車故障診斷服務手冊” (以下簡稱“故障診斷手冊”)微信小程序,用于售后技術支持工作。
新能源客車主要由純電動、混合動力和燃料電池客車幾大類組成,為保障整車運營的安全性和可靠性,整車控制設計時,會綜合考量各高低壓部件特性,制定整車故障碼及其處理策略。
以純電動客車為例,整車故障碼表包含電池故障、電機故障、高壓配電故障、輔機及其控制器故障等,故障種類繁多,故障處理策略各有不同[3-5]。單看故障碼和故障名稱,售后服務人員往往不能快速準確獲得維修方法指南。
針對這種情況,基于微信小程序開發了一種故障診斷服務手冊,可提供新能源客車故障信息快速查詢,并給出相應處理指導意見,同時為了確保小程序使用者為真實售后服務人員,特設定成員管理功能,對使用者身份進行審核與管控。
若要進行微信小程序開發,需進行微信小程序賬號申請和小程序類目信息提交,以供微信審核,審核通過后即可進行微信小程序開發,開發完成后代碼提交微信審核,再進行線上發布即可。小程序主要開發流程如圖1所示。

圖1 微信小程序開發流程圖
此次開發的“故障診斷手冊”微信小程序主要有3個模塊:數據信息展示模塊、終端故障快速排查模塊以及用戶權限管理模塊。其詳細功能模塊如圖2所示。
微信小程序代碼最重要的是app.js、app.json和app.wxss三個部分。其中,.js后綴的是腳本文件,.json后綴的文件是配置文件,.wxss后綴的是樣式表文件。JSON作為一種數據格式,在小程序中,扮演的是靜態配置的角色。WXML全稱是WeiXin Markup Language,是小程序框架設計的一套標簽語言,結合小程序的基礎組件、事件系統,可以構建出頁面的結構。WXSS(WeiXin Style Sheets)是一套用于小程序的樣式語言,用于描述WXML的組件樣式。
小程序的主要開發語言是JavaScript,開發者使用JavaScript來開發業務邏輯以及調用小程序的API來完成業務需求。其框架的核心是一個基于響應的數據綁定系統,使得視圖與數據十分簡單地保持同步[6]。“故障診斷服務手冊”代碼結構如圖3所示。

圖3 “故障診斷手冊”代碼結構
作為售后服務查詢小程序,頁面設計力求簡潔明了,主要包含歡迎頁、主頁面 (含檢索框)、故障列表頁面、故障檢修指導頁面、成員管理頁面等。搜索功能依據故障代碼關鍵詞查找,搜索欄下即時展示搜索結果;故障列表頁面按照故障等級分類,列表加色彩區分;故障檢修指導頁設計了危險高亮提醒,步驟文字可放大操作;成員管理頁面僅對管理員展示。“故障診斷服務手冊”主要頁面如圖4所示。
售后服務用小程序需要對成員進行權限管理。相比APP用戶注冊的繁瑣,微信小程序可以快速實現微信用戶的同步[7]。每個微信用戶擁有唯一的OpenID,依據OpenID可以完成身份識別功能。再使用如下云函數 (圖5),可獲得用戶OpenID信息。

圖4 “故障診斷手冊”頁面設計

圖5 可獲得用戶OpenID信息的云函數
再添加權限標志,可實現用戶權限管理。如圖6代碼所示,在數據庫中查詢用戶id,將其權限賦值給global變量,使得在各個頁面權限狀態得以保持。

圖6 添加權限標志
用戶登入小程序時,系統會自動獲取用戶OpenID并同時在數據庫進行匹配;如果數據庫中不存在此OpenID則跳轉到申請頁面,如果存在則繼續判斷是否有使用權限。“故障診斷服務手冊”用戶權限開發流程如圖7所示。
此次開發使用微信小程序云開發數據庫。數據庫中的每條記錄都是一個JSON格式的對象。
“故障診斷手冊”中的內容來源于工作中整理的故障診斷數據,將Excel格式的故障診斷數據轉換為MongoDB數據庫下的JSON格式,即可使用開發者工具把數據導入云開發數據庫。“故障診斷服務手冊”數據庫內容如圖8所示。

圖7 用戶權限開發流程

圖8 “故障診斷手冊”數據庫
圖9中代碼為小程序部分源碼,實現從數據庫中關鍵詞篩選功能。

圖9 小程序部分源碼
本文基于微信小程序,設計了一種“新能源客車故障診斷服務手冊”,目前該小程序已上線運營一年,據售后服務人員反饋,小程序運行良好,對新能源客車服務檢修起到了重要作用。