基于微信小程序的城市周边游平台设计与实现

李珊 汪凤麟 蔡达成 朱欣碧 欧阳昊 彭志升

摘   要：随着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