基于微信小程序的直通校園系統(tǒng)

丁茜 李思琪 李志芳

摘要：目前海南的公交系統(tǒng)大部分是電車，不僅環(huán)保而且出行便捷成本低。相較于昂貴的網(wǎng)約車，高校師生更傾向乘坐公交出行，我們的直通校園系統(tǒng)應(yīng)運而生?；诠幌到y(tǒng)線路多、數(shù)量大的問題，以海南醫(yī)學(xué)院為例，開發(fā)一款方便我校師生乘坐公交的便捷小程序?？赏ㄟ^手機隨時查詢公交實時信息，包括公交車實時定位、換乘，以及校園的最新動態(tài)和校園文化、周邊商家優(yōu)惠信息等，為師生的出行和生活提供便利。

關(guān)鍵詞：公共交通;微信小程序;公交定位實時查詢;信息共享

中圖分類號：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的無需安裝、觸手可及、用完就走、無需卸載的應(yīng)用。其方便快捷、用戶龐大的特性，吸引我們團隊著手研發(fā)公交系統(tǒng)的小程序[1]。

隨著公交系統(tǒng)的快速發(fā)展，美國從2001年開始建設(shè)511交通系統(tǒng)，日本從20世紀70年代末開始應(yīng)用公共汽車定位系統(tǒng)，已實現(xiàn)了道路交通信息通信系統(tǒng)。目前我國在杭州、北京、上海等一些大城市部分線路已經(jīng)實現(xiàn)了對公交車輛的跟蹤定位。海口的椰城市民云App提供了各種公共服務(wù)功能，其中包括公交系統(tǒng)相對完整的定位、跟蹤、乘車查詢，同時整合多部門的信息資源，為市民提供多方位的便捷服務(wù)，但該軟件功能非常多，需要安裝，且使用較煩瑣。本系統(tǒng)利用微信小程序，服務(wù)于海南醫(yī)學(xué)院師生，實現(xiàn)了周邊公交的實時定位、共享信息等一系列功能。

1 開發(fā)關(guān)鍵技術(shù)

1.1 開發(fā)平臺及工具

微信小程序是微信團隊推出的一種全新的連接用戶與服務(wù)的方式，可以在微信內(nèi)被便捷地獲取和傳播，并具有出色的用戶使用體驗[2]。目前微信官方小程序團隊推出了自己的開發(fā)工具——微信開發(fā)者工具，微信開發(fā)者工具在不斷完善不斷更新中，本系統(tǒng)選擇了相對穩(wěn)定的版本——穩(wěn)定版Stable Build（1.03.2006090）[3]。

1.2 實時定位

實時定位功能包括三個方面：定位用戶所在位置、查詢用戶所需公交線路、定位公交車所在位置。

1）用戶定位

微信開發(fā)者工具所提供的接口wx.getLocation（object）只能獲取用戶的經(jīng)緯度，鏈接騰訊地圖所提供的的位置服務(wù)接口來匹配經(jīng)緯度，可獲取地址信息。

2）公交線路查詢

在騰訊地圖首頁申請開發(fā)密鑰，選擇所需要的地圖組件。在騰訊公眾平臺中， “微信小程序官方后臺-設(shè)置-第三方服務(wù)-插件管理”里， “添加插件”，搜索 “騰訊位置服務(wù)路線規(guī)劃” 申請，審核通過后，開發(fā)者可在小程序內(nèi)使用該插件。通過騰訊地圖的路線規(guī)劃插件即可獲取公交線路。

3）公交車定位

通過調(diào)用公共交通公司提供的API接口，可實時定位公交信息[4]。

2 直通海醫(yī)系統(tǒng)設(shè)計

2.1 系統(tǒng)架構(gòu)

直通海醫(yī)服務(wù)微信小程序系統(tǒng)架構(gòu)如圖1所示：應(yīng)用表現(xiàn)層、網(wǎng)絡(luò)層、功能層、技術(shù)層組成。網(wǎng)絡(luò)層包括移動數(shù)據(jù)的2/3/4/5G移動網(wǎng)絡(luò)和無線網(wǎng)絡(luò)。功能層主要包括校內(nèi)資訊的上傳發(fā)布和出行時的定位以及規(guī)劃路線。技術(shù)層則使用微信開發(fā)者工具來實現(xiàn)。

2.2 用戶端功能

本系統(tǒng)主要包括兩大功能模塊，出行和校園資訊。如圖2所示：

2.2.1 出行（如圖3所示）

通過接入騰訊地圖獲取當前所在城市的交通路線以及導(dǎo)航功能，并獲取周邊店鋪酒店等相關(guān)信息。接入的地圖有公交線路、步行導(dǎo)航、自駕導(dǎo)航以及實時定位的功能，方便用戶在特定的情況下選擇多種出行方案。其次，通過地圖顯示的周邊商家信息，進行合作、宣傳，為師生獲取更多優(yōu)惠資源，保證系統(tǒng)使用人流量，更好地維護和擴展系統(tǒng)。由于醫(yī)學(xué)院的師生在學(xué)校及各附屬醫(yī)院間，往返頻繁，所以系統(tǒng)主要獲取相關(guān)路線附近的商家信息，為師生提供更多服務(wù)。

2.2.2 校內(nèi)資訊功能（如圖4所示）

1）學(xué)校官方簡介。為了確保信息來源準確，鏈接到百度百科詞條簡介、以及學(xué)校官方網(wǎng)頁，包括學(xué)校概況、歷史沿革、招生簡章、師資力量、學(xué)術(shù)研究成果、學(xué)校文化等;

2）校園地理位置及校園內(nèi)部3D圖形展示，通過調(diào)用騰訊地圖功能及已實現(xiàn)的3D校園系統(tǒng)，更清晰、明確展示學(xué)校地理位置和地理分布;

3）校內(nèi)實時熱點信息分享。包括學(xué)校各部門及各學(xué)院開展的校園特色活動，如辯論賽、十佳歌手、讀書分享會、各類講座等，以及學(xué)校下發(fā)的重要通知及最新的醫(yī)療資訊及醫(yī)學(xué)小常識;

4）校園周邊及出行路線合作商家信息共享。

2.3后臺管理端功能

后臺管理端主要實現(xiàn)用戶信息、共享資源、定位維護等，功能模塊如圖5所示。包括用戶基本信息維護、騰訊地圖接口管理與維護、百度百科網(wǎng)址接入端口的更新與維護、校園校歌及宣傳MV等基本校園文化信息更新、合作商家信息管理及推廣等。

1）在用戶管理方面，除基本信息維護及隱私保護等安全問題，還包括關(guān)注用戶數(shù)量和地區(qū)分布等統(tǒng)計。

2）在信息共享方面，①注重信息來源官方性。校園資訊主要來源為學(xué)校官網(wǎng)及各種正式通知，其他相關(guān)資訊尊重原創(chuàng)性，轉(zhuǎn)載文章時標注原創(chuàng)作者及來源。②保證信息的實時性，由專門工作人員來定時更新、維護。③合作商家實地考察，以保證師生的財產(chǎn)和健康安全。

3）在定位維護方面，主要是定位獲取權(quán)限的管理、接口的定期維護和更新及接口擴展。首先學(xué)校官網(wǎng)的接口和校內(nèi)信息的各種接口需要不定時的更新和維護;其次騰訊地圖的接口維護、更新至關(guān)重要。因為實時定位的功能需要用戶的定位權(quán)限，獲取權(quán)限的功能也需要不定期的更新和維護，以免造成定位不準或無法定位的情況。

3 系統(tǒng)關(guān)鍵功能及技術(shù)

3.1定位功能

1）進入騰訊地圖官網(wǎng)首頁，注冊申請密鑰后，選擇所需的地圖樣式。然后在微信小程序管理端選擇開發(fā)者工具，開通騰訊位置服務(wù)。其次使用微信小程序的全局配置文件app.json，可以進行文件配置，決定頁面的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時時間、設(shè)置多tap等，為了調(diào)用getLocation，則需要在app.json文件中聲明permission字段，代碼如下：

"permission"： {

"scope.userLocation"： {

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

}}

2）在使用wx.getLocation API前需要設(shè)置用戶授權(quán)，該組件用于獲取用戶當前的地理位置和速度，不需要用戶進行手動授權(quán)。當用戶離開小程序后，此接口無法調(diào)用。核心代碼如下：

wx.getLocation（{

type： 'gcj02'，

altitude： true，

//定位成功，更新定位結(jié)果

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}）

}//定位失敗回調(diào)

fail： function（） {

wx.hideLoading（）;

console.log（"getLocationFail"）}

complete： function（） {

//隱藏定位中信息進度? ? ? ?wx.hideLoading（）

}}）

3.2信息共享

通過微信開發(fā)者后臺及微信公眾平臺上傳關(guān)于校園的信息以及公告，實現(xiàn)增、刪、替、改等功能。

管理員可以實現(xiàn)信息審核、發(fā)布、維護，包括文字、圖片、視頻、原文多種形式的鏈接或上傳，方便用戶閱讀。根據(jù)用戶反饋，在微信小程序及公眾號字數(shù)限制范圍內(nèi)進行編輯調(diào)整。若字數(shù)超出或涉及其他因素，可刪除重新發(fā)布。

另外，微信小程序鏈接推文可通過綁定相關(guān)微信公眾號，再通過一個特殊組件：web-view完成跳轉(zhuǎn)。在該組件標簽src屬性上關(guān)聯(lián)所需的文章鏈接即可，如：

4 總結(jié)

直通校園公交服務(wù)系統(tǒng)，用戶操作簡單、維護容易，可以有效地解決師生出行不便、公交時間等候較長、打車費用昂貴等經(jīng)濟問題，以及對緩解城市交通擁堵、環(huán)境污染等城市問題也有很大幫助。本系統(tǒng)是針對海南醫(yī)學(xué)院師生出行特點設(shè)計的小程序，實現(xiàn)了定位、公交路線查詢、信息共享，等功能，經(jīng)測試，小程序運行良好。

后期將擴展師生互動交流平臺功能，如校園小伙伴等公眾號。當用戶在出行或在周邊商戶消費時，出現(xiàn)丟失財物等情況，可通過本系統(tǒng)進行失物招領(lǐng)。同時針對廣告泛濫、不當言論等問題，安排專人進行信息清洗、敏感詞屏蔽等行。

參考文獻：

[1] 張鋒，鄧闖，李建，等.基于微信“小程序”的公眾氣象服務(wù)應(yīng)用[J].氣象科技，2019，47（2）：361-366.

[2] 張小龍.微信小程序入口在哪？有什么用？[J].計算機與網(wǎng)絡(luò)，2017，43（4）：50.

[3] 張鋒，鄧闖，李建，等.基于微信“小程序”的公眾氣象服務(wù)應(yīng)用[J].氣象科技，2019，47（2）：361-366.

[4] 雍昭宇，鄧小玲.基于微信小程序的智能公交查詢系統(tǒng)設(shè)計[J].計算機與網(wǎng)絡(luò)，2019，45（8）：65-67.

[5] 翟戰(zhàn)強，陳榮榮，侯曉剛，等.基于互聯(lián)網(wǎng)地圖的路況接入與融合發(fā)布技術(shù)研究[C]//重慶：第十一屆中國智能交通年會論文集，2016：278-282.

【通聯(lián)編輯：唐一東】