基于微信小程序的城市周邊游平臺設計與實現

李珊 汪鳳麟 蔡達成 朱欣碧 歐陽昊 彭志升

摘 ? 要：隨著5G時代的到來、微信的迅猛發展、微信小程序簡便的開發方式以及旅游APP對于短期農村旅游的宣傳不足，帶動了旅游系統的微信小程序設計。文章實現了基于微信小程序的旅游介紹系統，主要分為用戶端與系統平臺。系統為用戶提供景點的視頻介紹、實時天氣播報、實時地點查詢、當地特色美食介紹以及住宿查詢等功能，旨在設計一個整合城市周邊游景點信息的微信小程序，來幫助農村旅游業的發展，起到景點的推廣和宣傳作用，為用戶提供高效、便捷的服務和全面的景點信息，從而推動未來關于“互聯網+旅游”的發展進程。

關鍵詞：微信小程序;周邊游;休閑

根據騰訊公司2019年第二季度財務報表披露，微信及WeChat的合并月活躍賬戶數達11.33億，同比增長7%。騰訊稱，數十個內容類小程序的日活躍賬戶數已超過100萬，在第二季，每位用戶的使用時長、每日信息發送量及視頻上傳量等主要用戶指標保持穩定同比增長，這些用戶數據都為微信小程序未來的發展提供強有力支持。微信小程序簡單、易上手的開發環境和容易傳播的特性，使得小程序以一種新的、開放的能力，可以在微信用戶內方便、快捷地獲取和傳播。

經過多年的發展，鄉村旅游已經從“農家樂”等單一類型向多樣化、集群化、品牌化的鄉村旅游目的地轉變[1]。鄉村旅游以當地特有的生態資源、民俗文化以及農業生產活動等作為主要的旅游活動，被認為是改善農村和農村扶貧的重要方式[2]。“互聯網+旅游”是未來轉型的一個方向，休閑服務的供給與需求尚存在一定程度錯位，區域間潛在出游力均衡化趨勢逐漸顯現[3]，可見未來城市周邊游和鄉村旅游人數將不斷增加。游客們不看好周游主要原因在于不了解鄉村旅游現狀，那么鄉村旅游需要發展就要提高景點知名度、加大宣傳力度[4]。因此，筆者有必要設計一個整合城市周邊游景點信息的微信小程序來幫助農村旅游業的發展，同時為短期旅游的游客提供便利。

1 ? ?小程序基本介紹

對于使用者來說，微信小程序是一款輕快的軟件，在微信的生態體系內，有快捷、高效的用戶體驗。對于開發者而言，微信小程序提供了一套完整的開發框架、豐富的組件和應用程序接口（Application Program Interface，API），可實現快速開發，擁有比統手機客戶端APP成本更低、速度更快的開發優勢，符合下一代移動互聯網產業發展的“微、小、輕”趨勢，擁有更為廣泛的市場前景[5]。當今出現的微信小程序可以提高服務效率、豐富游客體驗、促進農村旅游業的轉型。建立系統流程包括：（1）注冊，在微信公眾平臺注冊小程序，完成注冊后可以同步進行信息完善和開發。（2）開發小程序，完成小程序開發者綁定、開發信息配置后，開發者可下載開發者工具、參考開發文檔進行小程序的開發和調試。（3）提交審核和發布，完成小程序的開發后，提交代碼至微信團隊審核，審核通過后可發布，但是公測期間不能發布。

2 ? ?系統概述

整合城市周邊游景點信息的微信小程序采用客戶機/服務器（Client/Server，C/S）架構，小程序服務器端接收客戶端發送的請求處理后返回數據信息，客戶端既接受數據信息也發出操作請求。本系統主要進行周邊游景點的信息介紹，游客通過簡單的點擊查詢即可獲取信息，減少游客的操作時間，提供高效、精準的服務。消息流程如圖1所示。

3 ? ?小程序設計

3.1 ?需求分析

整合城市周邊游景點信息的微信小程序主要考慮將周邊游景點的介紹信息通過新媒體的方式傳達給游客。同時，為了使系統的功能更加人性化，系統還提供景點周邊的地點、天氣以及食宿等查詢功能。用戶可以通過系統直接獲取以上信息，還可以點擊鏈接查詢更多信息。系統的功能結構如圖2所示。

3.2 ?系統設計

整合城市周邊游景點信息的微信小程序界面設計，在參考了微信官方小程序界面設計指南以及大多數流行旅游APP的設計后，建立了簡潔而具有景點特色的設計。

小程序框架的頁面文件由JS頁面腳本邏輯、WXML頁面結構設計、WXSS頁面樣式表和JS對象簡譜（JavaScript Object Notation，JSON）頁面配置共同組成[6]。其中WXML和WXSS屬于渲染層，負責小程序的頁面布局和樣式，類似于網頁開發中的超文本標記語言（HyperText Markup Language，HTML）和層疊樣式表（Cascading Style Sheets，CSS）。JS腳本工作在邏輯層，負責頁面與后端服務器的邏輯工作，小程序的渲染層和邏輯層是分離的。json文件配置當前頁面的窗口表現。

3.2.1 ?小程序全局配置

在新創建的小程序時，系統會自動創建app.json，app.wxml，app.js。作為一個小程序，常見的全局配置應包括：控制頁面數量、系統窗口、標題、導航欄等。小程序根目錄下的app.json文件用來對微信小程序進行配置，文件內容為一個JSON對象，且有嚴格的格式要求，不能注釋。

（1）頁面數量配置。在app.json內的pages屬性下增減頁面路徑。小程序中新增、減少頁面，都需要對pages數組進行修改，完成配置后，系統會自動生成這幾個頁面。文件名不需要寫文件后綴，框架會自動去尋找對于位的.json，.js，.wxml，.wxss 4個文件進行處理。app.json中添加頁面：”pages”： [“新添加的頁面路徑”，...]

（2）系統窗口。app.json的window屬性，可用于設置小程序的狀態欄、導航條、標題、窗口背景。”window”： {“backgroundTextStyle”： “可設置為light和dark”...}

（3）底部導航。app.json的tabBar屬性，如果小程序是一個多tab應用，可以通過tabBar配置項指定tab欄的表現，以及tab切換時顯示的對應頁面。”tabBar”： {“list”： [{“pagePath”： “頁面路徑”，”text”： “首頁”，...}，]}

3.2.2 ?基本功能實現

（1）頁面跳轉。不同的頁面跳轉，可以展現不同的樣式，帶來良好的用戶體驗，也讓系統更加清晰、功能明確。wx.switchTab可跳轉到導航欄里的頁面，wx.navigateTo跳轉到小程序的其他頁面的（不包括導航欄里的頁面）。goToSec： function （param） {wx.switchTab（{url： '跳轉的頁面路徑'，}）} goToSec： function （param） {wx.navigateTo（{url： ‘跳轉的頁面路徑，}）}。

（2）視頻呈現。本系統采用景點視頻宣傳的方式，游客可以觀看視頻了解更多景點信息，比單純的圖片與文字介紹更加生動形象。在wxml里用video標簽進行設計。

（3）定位。使用微信小程序自帶的函數wx.getLocation獲取用戶位置，wx.openLocation進行查看。前端按鈕用于觸發獲取地址，用戶首次獲取位置，需要授權才可以繼續操作。

（4）實時天氣查看。天氣查看功能可以提醒短期出行的游客實時了解附近景點的天氣訊息，做好出行規劃。

本系統使用的是百度地圖的接口。開發者需要提前在百度地圖開放平臺中申請帳號，獲取一個訪問應用（AK），任何調用百度地圖天氣的API接口，都需要使用這個AK初始化接口。申請完成后，在小程序根目錄下新建一個路徑，將百度的bmap-wx.min.js文件拷貝到新建的文件路徑下。然后JS文件內調用百度地圖對象直接獲取信息即可。

4 ? ?結語

本項目針對新農村旅游的實際需要，設計了一款基于微信小程序的旅游景點介紹系統，實現了景點宣傳視頻、實時天氣播報、實時地點查詢、當地特色美食介紹以及住宿查詢等功能。小程序開發快、效率高的特點，有助于開發人員實時更新旅游景點信息，為新農村旅游景點的發展和游客的出行提供更好的服務。

總的來說，未來小程序平臺會不斷推動旅游業的發展，網絡旅游平臺功能將會越來越豐富，為游客帶來更多便利。本文為新農村旅游課題設計的旅游平臺還有些功能在文中未進行詳細闡述，研發者將會不斷創新繼續學習，完善平臺功能。

[參考文獻]

[1]銀元.豐富“政策工具箱”促進鄉村旅游可持續發展[N].中國旅游報，2018-12-12（003）.

[2]黃偵，羅有，譚鵬舉，等.消費者視角下鄉村旅游扶貧分析—以贛南為例[J].贛南師范大學學報，2019（2）：130-136.

[3]李志剛.中國為世界旅游發展貢獻強大動能[N].中國旅游報，2019-01-18（001）.

[4]汪鳳麟，李珊，蔡達成，等.中小城市周邊旅游調查及分析—以湖南省衡陽市為例[J].現代營銷，2019（5）：3-5.

[5]劉玉佳.微信“小程序”開發的系統實現及前景分析[J].信息通信，2017（1）：260-261.

[6]王媛.基于微信小程序的線上交易平臺[J].中國科技信息，2019（1）：14，78-81.

Abstract：With the rapid development of WeChat and WeChat mini programs ?method and application， due to the insufficient publicity of tourism APP for short-term rural tourism， investigate WeChat Mini Programs design and realization of tourism system. This paper implements the tourism introduction system based on WeChat Mini Program， which is mainly divided into client and system platform. The system provides users with several main functions： scenic spot video introduction， real-time weather broadcast， real-time location query， local food introduction and accommodation query. The purpose of the system platform is to design a WeChat Mini Program， which integrates the information of scenic spots around the city to help the development of rural tourism and promote and publicize scenic spots. Transmission function provides users with efficient and convenient services and comprehensive scenic spot information. Thus， the platform accelerates the development process of “Internet + Tourism” in the future.

Key words：Wechat Mini Program; peripheral travel; leisure