基于微信小程序的直通校园系统

丁茜 李思琪 李志芳

摘要：目前海南的公交系统大部分是电车，不仅环保而且出行便捷成本低。相较于昂贵的网约车，高校师生更倾向乘坐公交出行，我们的直通校园系统应运而生。基于公交系统线路多、数量大的问题，以海南医学院为例，开发一款方便我校师生乘坐公交的便捷小程序。可通过手机随时查询公交实时信息，包括公交车实时定位、换乘，以及校园的最新动态和校园文化、周边商家优惠信息等，为师生的出行和生活提供便利。

关键词：公共交通;微信小程序;公交定位实时查询;信息共享

中图分类号：TP311      文献标识码：A

文章编号：1009-3044（2021）13-0067-03

Abstract：At present， most of the public transportation system in Hainan is tram， which is not only environmentally friendly but also convenient to travel. Compared with the expensive online car-hailing， college teachers and students are more inclined to travel by public transport， and our direct campus system was born. Based on the large number and large number of lines in the current public transportation system， taking Hainan Medical University as an example， we developed a small program that is convenient for teachers and students of our school to take public buses. The system provides services for teachers and students to travel. Real-time bus information can be inquired through mobile phones， including real-time positioning， transfers， campus dynamics and culture， and discounts from nearby businesses.

Key words： public transit; WeChat Mini Program; bus location real-time query system;information sharing

2017年1月9日，微信團队推出了微信小程序功能，它是一款依附于微信App的无需安装、触手可及、用完就走、无需卸载的应用。其方便快捷、用户庞大的特性，吸引我们团队着手研发公交系统的小程序[1]。

随着公交系统的快速发展，美国从2001年开始建设511交通系统，日本从20世纪70年代末开始应用公共汽车定位系统，已实现了道路交通信息通信系统。目前我国在杭州、北京、上海等一些大城市部分线路已经实现了对公交车辆的跟踪定位。海口的椰城市民云App提供了各种公共服务功能，其中包括公交系统相对完整的定位、跟踪、乘车查询，同时整合多部门的信息资源，为市民提供多方位的便捷服务，但该软件功能非常多，需要安装，且使用较烦琐。本系统利用微信小程序，服务于海南医学院师生，实现了周边公交的实时定位、共享信息等一系列功能。

1 开发关键技术

1.1 开发平台及工具

微信小程序是微信团队推出的一种全新的连接用户与服务的方式，可以在微信内被便捷地获取和传播，并具有出色的用户使用体验[2]。目前微信官方小程序团队推出了自己的开发工具——微信开发者工具，微信开发者工具在不断完善不断更新中，本系统选择了相对稳定的版本——稳定版Stable Build（1.03.2006090）[3]。

1.2 实时定位

实时定位功能包括三个方面：定位用户所在位置、查询用户所需公交线路、定位公交车所在位置。

1）用户定位

微信开发者工具所提供的接口wx.getLocation（object）只能获取用户的经纬度，链接腾讯地图所提供的的位置服务接口来匹配经纬度，可获取地址信息。

2）公交线路查询

在腾讯地图首页申请开发密钥，选择所需要的地图组件。在腾讯公众平台中， “微信小程序官方后台-设置-第三方服务-插件管理”里， “添加插件”，搜索 “腾讯位置服务路线规划” 申请，审核通过后，开发者可在小程序内使用该插件。通过腾讯地图的路线规划插件即可获取公交线路。

3）公交车定位

通过调用公共交通公司提供的API接口，可实时定位公交信息[4]。

2 直通海医系统设计

2.1 系统架构

直通海医服务微信小程序系统架构如图1所示：应用表现层、网络层、功能层、技术层组成。网络层包括移动数据的2/3/4/5G移动网络和无线网络。功能层主要包括校内资讯的上传发布和出行时的定位以及规划路线。技术层则使用微信开发者工具来实现。

2.2 用户端功能

本系统主要包括两大功能模块，出行和校园资讯。如图2所示：

2.2.1 出行（如图3所示）

通过接入腾讯地图获取当前所在城市的交通路线以及导航功能，并获取周边店铺酒店等相关信息。接入的地图有公交线路、步行导航、自驾导航以及实时定位的功能，方便用户在特定的情况下选择多种出行方案。其次，通过地图显示的周边商家信息，进行合作、宣传，为师生获取更多优惠资源，保证系统使用人流量，更好地维护和扩展系统。由于医学院的师生在学校及各附属医院间，往返频繁，所以系统主要获取相关路线附近的商家信息，为师生提供更多服务。

2.2.2 校内资讯功能（如图4所示）

1）学校官方简介。为了确保信息来源准确，链接到百度百科词条简介、以及学校官方网页，包括学校概况、历史沿革、招生简章、师资力量、学术研究成果、学校文化等;

2）校园地理位置及校园内部3D图形展示，通过调用腾讯地图功能及已实现的3D校园系统，更清晰、明确展示学校地理位置和地理分布;

3）校内实时热点信息分享。包括学校各部门及各学院开展的校园特色活动，如辩论赛、十佳歌手、读书分享会、各类讲座等，以及学校下发的重要通知及最新的医疗资讯及医学小常识;

4）校园周边及出行路线合作商家信息共享。

2.3后台管理端功能

后台管理端主要实现用户信息、共享资源、定位维护等，功能模块如图5所示。包括用户基本信息维护、腾讯地图接口管理与维护、百度百科网址接入端口的更新与维护、校园校歌及宣传MV等基本校园文化信息更新、合作商家信息管理及推广等。

1）在用户管理方面，除基本信息维护及隐私保护等安全问题，还包括关注用户数量和地区分布等统计。

2）在信息共享方面，①注重信息来源官方性。校园资讯主要来源为学校官网及各种正式通知，其他相关资讯尊重原创性，转载文章时标注原创作者及来源。②保证信息的实时性，由专门工作人员来定时更新、维护。③合作商家实地考察，以保证师生的财产和健康安全。

3）在定位维护方面，主要是定位获取权限的管理、接口的定期维护和更新及接口扩展。首先学校官网的接口和校内信息的各种接口需要不定时的更新和维护;其次腾讯地图的接口维护、更新至关重要。因为实时定位的功能需要用户的定位权限，获取权限的功能也需要不定期的更新和维护，以免造成定位不准或无法定位的情况。

3 系统关键功能及技术

3.1定位功能

1）进入腾讯地图官网首页，注册申请密钥后，选择所需的地图样式。然后在微信小程序管理端选择开发者工具，开通腾讯位置服务。其次使用微信小程序的全局配置文件app.json，可以进行文件配置，决定页面的路径、窗口表现、设置网络超时时间、设置多tap等，为了调用getLocation，则需要在app.json文件中声明permission字段，代码如下：

"permission"： {

"scope.userLocation"： {

"desc"： "你的位置信息将用于小程序位置接口的效果展示"

}}

2）在使用wx.getLocation API前需要设置用户授权，该组件用于获取用户当前的地理位置和速度，不需要用户进行手动授权。当用户离开小程序后，此接口无法调用。核心代码如下：

wx.getLocation（{

type： 'gcj02'，

altitude： true，

//定位成功，更新定位結果

success： function（res） {

var latitude = res.latitude

var longitude = res.longitude

var speed = res.speed

var accuracy = res.accuracy

that.setData（{//赋值

longitude： longitude，

latitude： latitude，

speed： speed，

accuracy： accuracy}）

}//定位失败回调

fail： function（） {

wx.hideLoading（）;

console.log（"getLocationFail"）}

complete： function（） {

//隐藏定位中信息进度       wx.hideLoading（）

}}）

3.2信息共享

通过微信开发者后台及微信公众平台上传关于校园的信息以及公告，实现增、删、替、改等功能。

管理员可以实现信息审核、发布、维护，包括文字、图片、视频、原文多种形式的链接或上传，方便用户阅读。根据用户反馈，在微信小程序及公众号字数限制范围内进行编辑调整。若字数超出或涉及其他因素，可删除重新发布。

另外，微信小程序链接推文可通过绑定相关微信公众号，再通过一个特殊组件：web-view完成跳转。在该组件标签src属性上关联所需的文章链接即可，如：

4 总结

直通校园公交服务系统，用户操作简单、维护容易，可以有效地解决师生出行不便、公交时间等候较长、打车费用昂贵等经济问题，以及对缓解城市交通拥堵、环境污染等城市问题也有很大帮助。本系统是针对海南医学院师生出行特点设计的小程序，实现了定位、公交路线查询、信息共享，等功能，经测试，小程序运行良好。

后期将扩展师生互动交流平台功能，如校园小伙伴等公众号。当用户在出行或在周边商户消费时，出现丢失财物等情况，可通过本系统进行失物招领。同时针对广告泛滥、不当言论等问题，安排专人进行信息清洗、敏感词屏蔽等行。

参考文献：

[1] 张锋，邓闯，李建，等.基于微信“小程序”的公众气象服务应用[J].气象科技，2019，47（2）：361-366.

[2] 张小龙.微信小程序入口在哪？有什么用？[J].计算机与网络，2017，43（4）：50.

[3] 张锋，邓闯，李建，等.基于微信“小程序”的公众气象服务应用[J].气象科技，2019，47（2）：361-366.

[4] 雍昭宇，邓小玲.基于微信小程序的智能公交查询系统设计[J].计算机与网络，2019，45（8）：65-67.

[5] 翟战强，陈荣荣，侯晓刚，等.基于互联网地图的路况接入与融合发布技术研究[C]//重庆：第十一届中国智能交通年会论文集，2016：278-282.

【通联编辑：唐一东】