基于微信小程序的臨沂旅游應用平臺開發研究

陳 磊，黃鈺涵，姜雨晴

(1.臨沂大學歷史文化學院，山東 臨沂 276005； 2.蘭陵縣實驗中學，山東 臨沂 277700)

0 引言

微信小程序是騰訊公司于2017年1月發布的微信應用平臺，是一種不需要下載安裝即可使用的應用[1]。據騰訊公司2021年第三季度財報，截至2021年9月30日，微信及WeChat的合并月活躍賬戶數達12.6億。微信小程序以微信龐大的用戶群為入口，具有較大的用戶量提升空間。微信小程序與互聯網站、APP相比具有以下優勢：一是大量節省用戶手機空間，無需下載，用完即走,應用退出后，系統會立即釋放內存[2]。二是微信小程序獲取方便，通過搜一搜或掃一掃即可找到。三是微信小程序開發成本低，技術門檻低。

微信小程序推出后便迅速應用于旅游業，國內各大旅游公司如攜程、去哪兒、途牛、同程藝龍等都于2018年推出了旅游微信小程序，獲得了大量用戶訪問，取得了較好業績。線下旅行公司如旅行社、景區、酒店等也紛紛開發微信小程序，進行產品與服務的推廣與應用。

臨沂市旅游資源豐富，分布廣，總面積17 191.2 km2，是山東省面積最大的地級市，擁有97個3A級及以上景區，其中5A級景區1個，4A級景區27個，分散在9縣3區中，旅游集群效應不明顯。但是，可以通過旅游APP或微信小程序，將分散的旅游景區進行整合營銷，提升臨沂市旅游景區集群效應，打造臨沂市全域旅游形象。目前，針對臨沂旅游的微信小程序未見上線。以微信小程序為基礎，開發臨沂智慧旅游應用平臺——“臨沂旅游通”，以期方便臨沂游客，增加臨沂旅游美譽度，提高臨沂市旅游業收入。

1 “臨沂旅游通”微信小程序總體設計

1.1 微信小程序需求分析

臨沂市旅游業以假日旅游經濟為主，多數游客采用自助旅游方式。2019年臨沂市文旅局官網公布的統計數據顯示，臨沂市元旦假期間共接待游客85.31萬人次，實現門票收入1 519.11萬元，同比分別增長20.27%和24.85%，國慶假日期間接待游客616.2萬人次，同比增長10.2%，實現旅游消費36.5億元，同比增長12.7%。游客主要以臨沂市本地市民和周邊的徐州、連云港、濟寧、濟南、淄博、青島、煙臺和威海市民為主，70%以上的游客采取自駕游或自助游方式，自行設計旅游線路，借助OTA(在線旅游)渠道，預訂酒店和景區門票。搜索發現，OTA網站并沒有提供臨沂市本地旅游線路和語音導游服務，游客只是在OTA預定旅游票務，因此可以通過設計更為便捷的微信小程序，為游客提供旅游線路選擇、景區語音導游、路線導航、天氣預報等服務，為游客帶來更好的旅游體驗。

1.2 微信小程序功能設計

旅游應用平臺要求頁面簡潔美觀、友好實用。根據微信小程序功能，以臨沂市游客實際需求為原則，設計的“臨沂旅游通”微信小程序功能如圖1所示，主要有景區VR展現、旅游線路推薦、景點音頻講解、導航等功能。“臨沂旅游通”微信小程序提供臨沂市全部3A級及以上景區VR展現，各景區按照景觀特點分為紅色風情、綠色沂蒙、文韜武略、地質奇觀、溫泉養生、商城水都、美麗鄉村等7種類型。旅游線路推薦模塊提供多條一日游線路，游客可以根據旅游時間在一日游的基礎上進行自由組合，形成二日及以上旅游行程。旅游線路規劃遵循時間最省、路徑最短、景點內容最豐富、最有價值原則，并且推薦附近酒店，提供酒店內客房和餐飲部的內景和外景實拍圖片。一鍵導航中提供實時定位、地點搜索、導航等功能，主要通過調用手機芯片中的GPS定位來實現小程序實時定位功能，通過高德地圖API接口實現地點搜索和導航功能[3]。景點音頻講解中，提供各景區主要游覽點的講解詞。熱門VR欄擬與各景區合作，在首頁開展VR展現競價推送。

圖1 “臨沂旅游通”微信小程序功能Fig.1 “Number Travel” WeChat APP function

1.3 景區VR提供與類型劃分

“臨沂旅游通”微信小程序提供臨沂市97個景區VR展現，其分別歸屬的旅游景區類型如表1所示。

表1 臨沂市“臨沂旅游通”微信小程序VR景區類型劃分Tab.1 VR scenic area type division of Linyi “Number Travel” WeChat APP

續表1

微信小程序中，97個景區全部標注在高德地圖中，點擊地圖上的景區名稱，分別彈出“VR速覽”和“去這里”兩個對話框選項，點擊“VR速覽”，則會呈現該景區從入口到各主要景點場景的VR視頻，有場景選擇、景點解說、一鍵導航、說一說(微信景區評價)、音樂等按鈕。

2 “臨沂旅游通”微信小程序關鍵技術

“臨沂旅游通”微信小程序界面前端的實現主要依靠HTML、CSS、JavaScript邏輯框架等技術。程序后臺數據處理主要依靠MySQL數據庫、PHP、XML、JavaScript邏輯框架等技術。

2.1 景區VR展現功能與圖片首頁輪播功能的設計

將臨沂市各旅游景區的VR全景視頻、酒店客房與餐飲部的展示圖片、電子導游音頻文件等儲存在MySQL數據庫中。用戶在使用“臨沂旅游通”微信小程序時，通過點擊各類“VR景區”按鈕進入界面時，通過小程序調用API接口中的wx.getlocation獲取用戶當前坐標，通過wx.request語句向服務器請求調用儲存好的該地地理位置，服務器通過wx.response對用戶的請求給予響應反饋并將結果響應至前端頁面中，游客可以通過前端頁面直接觀看臨沂市各景區實景圖。

在編輯器中創建wxSearch 模板目錄、image和pages 目錄(同級別)。一是實現搜索功能。首頁目錄為/pages/home，其下的home.wxml、home.wxss、home.js、home.json 為首頁模板頁面。搜索功能目錄wxSearch其下的wxSearch.js、wxSearch.json、wxSearch.wxml、wxSearch.wxss為搜索功能,通過pages下的home調用wxSearch 實現首頁搜索功能。首頁搜索框下導航欄的實現，在home.wxml使用bindtap進行點擊事件監聽，設置事件名稱為“navbarTap”，并在home.js里設置這個事件對應的算法處理，在組件上使用wx:for控制屬性綁定數組，使數組中各項數據重復渲染該組件，默認數組的當前項的下標變量名為index，數組當前項的變量名為item。二是實現圖片輪播。將準備好的景區圖片放到image目錄里，在home.wxml文件中通過調用swiper組件，swiper組件里有有限個進行輪播的swiper-item，在這有限個swiper-item里面分別添加image標簽，并給image標簽的src屬性標明圖片對應的路徑，考慮到圖片寬度可能不夠，給最外層的swiper標簽添加class屬性，值為lunbo,在home.wxss里面編寫樣式，為了避免用鼠標拖拽才會開始輪播，為它設置了三個屬性，分別是indicator-dot(圖片下方的小圓點)、autoplay(自動播放)、interval(設置時間間隔)。

2.2 小程序為游客提供自由的自主式游覽

在MySQL數據庫中通過SQL語句建立表并設置所需字段，用來儲存旅游目的地、路線、花費、時間、人數等，在“臨沂旅游通”小程序中搜索框使用觸發式代碼，當關鍵詞被觸發時，通過調用函數中的request向服務器發起請求，與后臺PHP代碼業務層交互進行，從數據庫中調用最符合關鍵詞的數據信息并返還到程序控制器層中，通過控制器層設置響應界面。通過智能感應為游客提供便捷省時的參觀路徑，可以實現周邊特色推薦并進行基礎報價，改變傳統旅游市場APP單一路線服務的弊端。

2.3 實現實時定位及景區講解音頻隨點隨聽功能

在Android編程開發小程序環境時，通過GPS模塊管理類Location Manager來實現管理與GPS定位服務相關功能，即通過在小程序中調用手機芯片中的GPS定位來實現程序實時定位功能；儲存在云端服務器MySQL數據庫中的導游電子講解音頻信息，通過與wx.getlocation代碼類調用GPS定位互動，及時有效解決游覽需求問題；也可以通過在home目錄函數調用，使景區講解顯示在首頁，利用wx.navigateTo(OBJECT) 保留當前頁面，跳轉到應用內的電子講解頁面，使用wx.navigateBack可以返回到原頁面。對于電子講解音頻，在index.wxml文件中撰寫調用audio組件，src為播放音頻的地址。修改index.wxml文件，將音頻數據存儲在index.js目錄下，將具體代碼放在data{}之間，即做到前后端數據分離。控制音頻暫停、跳轉、播放等功能需要相關API的支持，音頻播放、暫停等功能需要使用AudioContext接口，使用該接口之前，需要使用wx.createAudioContext()創建對象，利用wx.playVoice(OBJECT) 開始播放語音，同時只允許一個語音文件正在播放，如果前一個語音文件還沒播放完，將中斷前一個語音播放。利用wx.pauseVoice() 暫停正在播放的語音，再次調用wx.playVoice播放同一個文件時，會從暫停處開始播放。如果想從頭開始播放，需要先調用wx.stopVoice，利用 wx.stopVoice() 結束播放語音。

2.4 實現追蹤定位及真實評價功能

通過在home.wxml和home.wxss目錄下調用函數，在首頁建立“個人中心”。根據微信精確定位，當用戶在評價景點時，點擊“個人中心”，小程序先判斷用戶的當前位置，使用小程序API接口中的wx.getlocation獲取用戶當前坐標，由于確定位置時會存在誤差，故此給出一個誤差值500 m，只要用戶在景點周圍500 m內，即可獲得評價景點權限，超過500 m后，判斷用戶不合要求，提示用戶未在有效范圍內。待用戶進入有效范圍內，即可跳轉到景點評分頁面，最后將用戶評分信息提交到后臺，計入數據庫，展示到前臺頁面，顯示用戶評價信息。當用戶在某個景點定位過后，通過微信賬戶授權收集游覽過的景點信息存儲到數據庫中。當用戶不在該景點，但是用戶數據庫表單下有該景點的游覽記錄時，實現用戶不在此處景點500 m范圍也可以評論。通過以上設置，可以有效解決一些旅游企業通過各類APP惡意刷好評的亂象。

3 結語

將微信小程序應用于旅游業，相比于APP和旅游網站的開發具有兩大優勢：一是開發簡便、快捷，能夠輕松實現強大的功能。二是可以繼承微信近12億的龐大用戶群，減少營銷成本。但是微信小程序也存在不支持將內容轉發至朋友圈、僅支持個別關鍵詞搜索等問題[4]，因此利用微信小程序進行旅游平臺開發還需要注意以下問題：一是微信小程序不容易黏住用戶。微信的特點是“即用即走”，無需安裝與卸載，對于用戶來說使用很方便，但是對于開發者來說就存在停留時間短、不容易黏住用戶的問題，并且用戶很容易流失，因此如何讓用戶用完再來，是微信小程序亟需解決的問題。二是微信小程序入口偏少。較多微信用戶對微信小程序不熟悉，甚至找不到小程序入口，與小程序推廣力度小有關系，也與小程序入口設置少且不醒目有關系。目前，在微信界面，只能通過“搜索”和“發現”進入，在用戶經常使用的首頁、通訊錄和“我”界面是找不到的。三是智慧旅游微信小程序平臺開發需要多方參與。功能強大、使用便捷的高品質智慧旅游微信小程序需要由眾多專業人員共同打造，如微信小程序界面設計需要美工專業人員，導游詞撰寫與旅游線路設計需要旅游管理專業人員，電子導游詞錄制需要播音專業人員，VR場景制作需要數字媒體專業人員，微信小程序的后臺需要信息工程專業人員維護等。