基于HBuilder快速開發(fā)移動端APP的設(shè)計與實(shí)現(xiàn)

許溜溜

摘要：隨著智能手機(jī)的普及，現(xiàn)代人們在生活中越來越依賴于智能手機(jī)，其中APP（即應(yīng)用軟件）上架渠道的開放更是吸引無數(shù)廠商瘋狂開發(fā)自已的APP軟件，致使較多的程序員轉(zhuǎn)行學(xué)習(xí)如何開發(fā)APP軟件，學(xué)習(xí)流行的iOS與Andriod平臺就要學(xué)習(xí)兩套不同的開發(fā)環(huán)境、編譯打包等知識。HBuilder的出現(xiàn)，完美解決了開發(fā)中涉及的跨平臺，uni-app便是其中的開發(fā)框架，僅編寫一套代碼，即可覆蓋八個不同平臺。

關(guān)鍵詞：APP快速開發(fā);uni-app;HBuilder;跨平臺開發(fā)

中圖分類號：TP311.52 文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2020）10-0074-02

1背景

近年來，隨著智能手機(jī)的普及，手機(jī)系統(tǒng)的接口開放，越來越多的軟件APP出現(xiàn)在智能手機(jī)上，但APP的開發(fā)與應(yīng)用卻異常復(fù)雜，就連開發(fā)環(huán)境的安裝讓很多技術(shù)人員卻步。HBuilder的出現(xiàn)，它所提供的開發(fā)工具有效地解決了入門難、開發(fā)難。本文利用HBuilder開發(fā)《中高職學(xué)生請假系統(tǒng)APP》為案例，介紹HBuilder的基本使用。

2現(xiàn)狀分析

目前較多中高職學(xué)校的學(xué)生請假管理系統(tǒng)采用傳統(tǒng)紙質(zhì)或簡單電子請假系統(tǒng)審批，從學(xué)生請假上報，到最后請假條歸位到學(xué)生所在班級班干部統(tǒng)一管理，以便課堂教師查驗。這種傳統(tǒng)請假模式只適合規(guī)模較小的學(xué)校，現(xiàn)如今各地中高職學(xué)校擴(kuò)招、建新校，如此請假模式已逐漸顯露弊端，也有部分中高職已開發(fā)了B/S模式的請假系統(tǒng)，但請假消息推送不主動，不能實(shí)時提醒教師審批，造成請假延時，信息閉塞等問題。

3系統(tǒng)功能設(shè)計

面對上述問題。本文擬設(shè)計一款基于HBuilder開發(fā)的手機(jī)端《中高職學(xué)生請假系統(tǒng)APP》，支持iOS、Android跨系統(tǒng)平臺，實(shí)時消息推送，操作簡單助能完善。

3.1DCloud的HBuilder介紹

DCloud，國內(nèi)HTML5產(chǎn)業(yè)的領(lǐng)軍企業(yè)。該公司推出的IDE工具——HBulider，主推開發(fā)一次，同時生成APP、H5、小程序的亮點(diǎn)，吸引幾百萬的開發(fā)者用戶。

3.2uni-app介紹

uni-app是基于Vue.is框架所開發(fā)的跨平臺應(yīng)用前端。

3.3系統(tǒng)框架及功能

本系統(tǒng)以Vue.is為前端框架，PHP語言開發(fā)后端，MySQL建立系統(tǒng)數(shù)據(jù)庫，具體結(jié)構(gòu)如圖1所示。

4系統(tǒng)實(shí)現(xiàn)思路與關(guān)鍵技術(shù)研究

基于以上對系統(tǒng)框架的設(shè)計，系統(tǒng)的實(shí)現(xiàn)分為服務(wù)端和數(shù)據(jù)庫端及手機(jī)端三部分。手機(jī)端采用HBuilder開發(fā)。系統(tǒng)實(shí)現(xiàn)的關(guān)鍵技術(shù)包括以下幾點(diǎn)。

4.1服務(wù)端與手機(jī)端通信過程

4.1.1用戶登錄與請求

4.2客戶端消息推送

4.2.1通知欄消息實(shí)時推送

UniPush推送服務(wù)定義好的推送樣式、后續(xù)動作的推送方式，客戶端接收到后顯示在系統(tǒng)通知欄，用戶點(diǎn)擊通知欄消息啟動APP。

4.2.2推送客戶端標(biāo)識的獲取

在應(yīng)用安裝后第一次運(yùn)行時調(diào)用plus.push.getClientInfo方法獲取客戶端標(biāo)識，并將此標(biāo)識提交到開發(fā)者的業(yè)務(wù)服務(wù)器進(jìn)行注冊設(shè)備，使用戶登錄時綁定手機(jī)設(shè)備，達(dá)到消息推送。示例代碼如下：

這里需要注意的是第三方的消息推送會被阻擋。最好的方式就是按照廠商的要求接人各個推送服務(wù)。慶幸的事情，這部分DCloud（數(shù)字天堂）已經(jīng)幫你做好了，只需要注冊下各個廠商的開發(fā)平臺，將appid和$ecYet登錄DCloud（數(shù)字天堂）后臺即可。

4.3服務(wù)端接收與推送

5結(jié)束語

本文檔利用HBuilder開發(fā)工具講解了APP的設(shè)計與開發(fā)，APP整體運(yùn)行正常，后續(xù)還需要跟進(jìn)與升級同時也存在一起問題。比如i0S安裝包還需要通過iOS開發(fā)者對安裝包進(jìn)行簽名與驗證，或者需要i0S開發(fā)者賬號將安裝包上架到APP store上才能供所有人使用。