基于微信小程序的临沂旅游应用平台开发研究

陈 磊，黄钰涵，姜雨晴

(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场景制作需要数字媒体专业人员，微信小程序的后台需要信息工程专业人员维护等。