移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)與框架的實(shí)現(xiàn)路徑探討

吳明飛 杜朋潔

1. 華北理工大學(xué)人工智能學(xué)院 河北 唐山 063200；

2. 唐山工業(yè)職業(yè)技術(shù)學(xué)院 河北 唐山 063200

引言

在進(jìn)行改進(jìn)過(guò)程中，需要根據(jù)移動(dòng)應(yīng)用開(kāi)發(fā)的綜合要求，以判斷平臺(tái)移動(dòng)應(yīng)用框架的建設(shè)體系。因此，在本文的研究中，本文將借助相關(guān)的平臺(tái)（uni-app），移動(dòng)應(yīng)用,可以在此基礎(chǔ)上完成拓寬、交易、管理等方面，實(shí)現(xiàn)自身的綜合需求。分析這些關(guān)鍵技術(shù)的核心元素，并給出合理的移動(dòng)端開(kāi)發(fā)框架進(jìn)行設(shè)置，在實(shí)習(xí)過(guò)程中亦可以針對(duì)整個(gè)核心體系進(jìn)行綜合介紹。根據(jù)uni-app框架，可以將傳統(tǒng)的應(yīng)用以及APP應(yīng)用管理方式進(jìn)行結(jié)合，實(shí)現(xiàn)全面的改進(jìn)，得出合理有效的改進(jìn)方案。

1 跨平臺(tái)框架的移動(dòng)應(yīng)用開(kāi)發(fā)概述

近年來(lái)我國(guó)集中發(fā)展中，隨著我國(guó)經(jīng)濟(jì)水準(zhǔn)的不斷增強(qiáng)，其手持的移動(dòng)設(shè)備在系統(tǒng)方面不斷優(yōu)化，設(shè)備的運(yùn)算能力不斷提升。在平板電腦以及智能手機(jī)廣泛普及的今天，借助內(nèi)部的Wi-Fi模塊、藍(lán)牙模塊、重力感應(yīng)模塊等特色功能支持。因此，其移動(dòng)平臺(tái)的應(yīng)用領(lǐng)域必然會(huì)實(shí)現(xiàn)全面擴(kuò)大。在全新一代5G網(wǎng)絡(luò)技術(shù)的普及發(fā)展中，其傳統(tǒng)的3G、4G網(wǎng)絡(luò)會(huì)逐漸退出歷史舞臺(tái)[1]。通過(guò)對(duì)系統(tǒng)平臺(tái)運(yùn)行模式進(jìn)行分析，良好的系統(tǒng)平臺(tái)均需要在優(yōu)秀的軟件支撐下，才可以完成整個(gè)系統(tǒng)平臺(tái)有效的更新迭代，對(duì)相關(guān)用戶提供有價(jià)值的信息，幫助相關(guān)領(lǐng)域提升工作效率。移動(dòng)應(yīng)用軟件作為直接與用戶交互的窗口，是各廠商以及開(kāi)發(fā)者的重點(diǎn)關(guān)注目標(biāo)。在各平臺(tái)，如iOS、Android平臺(tái)，其兩大平臺(tái)移動(dòng)應(yīng)用目前呈現(xiàn)百家爭(zhēng)鳴的現(xiàn)象。但由于主流平臺(tái)之間具有一定的差異性，如Windows以及Android、iOS、Windows之間互不兼容，因此其并沒(méi)有可以兼容的開(kāi)發(fā)接口與語(yǔ)言。例如，目前針對(duì)iOS開(kāi)發(fā)語(yǔ)言，主要使用Object C；而Android則使用Java；而基于C/C++的Windows Phone平臺(tái)在移動(dòng)端已然退下[2-3]。

2 移動(dòng)Web應(yīng)用開(kāi)發(fā)技術(shù)

2.1 HTML5

HTML5技術(shù)是1999年所制定的一項(xiàng)標(biāo)準(zhǔn)版本，其大部分瀏覽器在后續(xù)的更新中其自身已經(jīng)支持HTML5技術(shù)。針對(duì)Web網(wǎng)頁(yè)的性能進(jìn)行優(yōu)化，根據(jù)本地?cái)?shù)據(jù)庫(kù)的Web應(yīng)用功能進(jìn)行有效分析。此外，在HTML5中，其整體包含獨(dú)特的應(yīng)用優(yōu)勢(shì)。借助HTML、CSS以及Java Script可以全面減少瀏覽器對(duì)于插件服務(wù)性的應(yīng)用服務(wù)，并能提供更多的網(wǎng)絡(luò)應(yīng)用標(biāo)準(zhǔn)。HTML5引用了全新的網(wǎng)站建設(shè)新元素與屬性，其中包含了相關(guān)的標(biāo)簽，代替了傳統(tǒng)的“div”快捷標(biāo)簽以及“span”行標(biāo)簽[4]。借助HTML5，其整體可以保障整個(gè)網(wǎng)頁(yè)的顯示效果能夠達(dá)到設(shè)計(jì)需求。在應(yīng)用過(guò)程中，HTML5的顯著特點(diǎn)應(yīng)有以下四點(diǎn)：

2.1.1 可以提供全新且更合理的Tag。在多媒體圖像中，其Tag將不再全部綁定object或embed Tag這種，而是具有專門的Tag數(shù)據(jù)庫(kù)。例如，音頻Tag或視頻Tag；

2.1.2 本地?cái)?shù)據(jù)庫(kù)。這些功能將通過(guò)內(nèi)嵌的SQL數(shù)據(jù)庫(kù)系統(tǒng)以快速交互的方式進(jìn)行搜索、緩存，完成作業(yè)。隨后，離線的Web程序因此也可得到有效增長(zhǎng)；

2.1.3 不需要插件的富動(dòng)畫(huà)。Canvas對(duì)象對(duì)瀏覽器在現(xiàn)有基礎(chǔ)上直接帶來(lái)繪制食量圖的能力。因此可以脫離常規(guī)的Flash以及Sliverlight，以便在瀏覽器中顯示圖形或動(dòng)畫(huà)。

2.1.4 瀏覽器中的相關(guān)程序。在使用過(guò)程中，通過(guò)瀏覽器的相關(guān)程序，其自身將提供API瀏覽器，通過(guò)編輯、拖放等操作，可以實(shí)現(xiàn)API的有效設(shè)定。根據(jù)相關(guān)圖形界面等能力，其整體的Tag的修飾體制已經(jīng)被剔除，使用CSS[5]。

2.2 CSS3

對(duì)CSS3進(jìn)行分析，CSS3在網(wǎng)頁(yè)制作時(shí)，可以得到有效應(yīng)用。對(duì)整個(gè)頁(yè)面的布局、字體、背景以及效果等實(shí)現(xiàn)更加精準(zhǔn)的控制，以得到合理的應(yīng)用特征。對(duì)相應(yīng)代碼做出修正后，便可以改變同一頁(yè)面的不同部分或網(wǎng)頁(yè)的外觀以及相關(guān)格式。在相關(guān)的CSS3語(yǔ)言開(kāi)發(fā)具有模塊化的特征，因此其可以分解為較小模塊[6]。包含了盒子模型、列表模塊以及語(yǔ)言模塊、多欄布局等。與CSS2相比，CSS3具備以下兩種優(yōu)勢(shì)：其一，CSS3制作頁(yè)面其整體CSS2更節(jié)省時(shí)間。其二，利用CSS3制作的網(wǎng)頁(yè)及網(wǎng)頁(yè)文件總數(shù)量，其整體的種類均明顯少于CSS2制作的網(wǎng)頁(yè)。對(duì)于整個(gè)服務(wù)器的請(qǐng)求次數(shù)也相對(duì)較少，對(duì)網(wǎng)站性能具有巨大的優(yōu)化以及提升作用，可以得知CSS3除美觀效果外，亦有更多的應(yīng)用優(yōu)勢(shì)，這便是網(wǎng)絡(luò)技術(shù)發(fā)展的優(yōu)良產(chǎn)物。其整體必然會(huì)朝向更加簡(jiǎn)單、美觀使用的方向發(fā)展，CSS3將實(shí)現(xiàn)融合。在網(wǎng)絡(luò)瀏覽器中，其將必然支持CSS3、CSS2[7]。

3 關(guān)鍵實(shí)現(xiàn)技術(shù)選擇

3.1 虛擬機(jī)方案

在虛擬機(jī)方案中，其可以實(shí)現(xiàn)整個(gè)跨平臺(tái)應(yīng)用。使用專門的編碼器，利用高級(jí)編程語(yǔ)言編寫(xiě)應(yīng)用程序，可以將其翻譯成與操作系統(tǒng)無(wú)關(guān)的字節(jié)碼。在運(yùn)行操作系統(tǒng)上，可以根據(jù)虛擬機(jī)，解釋其字節(jié)碼的執(zhí)行，以達(dá)到開(kāi)發(fā)合理、應(yīng)用的目的[8]。根據(jù)自身的虛擬機(jī)方案，在開(kāi)發(fā)過(guò)程中，可以有效且合理的對(duì)原生程序形成必要的關(guān)聯(lián)。但跨平臺(tái)性能極好虛擬機(jī)的應(yīng)用案例為Java程序借助Java虛擬機(jī)，可以完成跨多桌面以及服務(wù)器操作的融合。針對(duì)手機(jī)系統(tǒng)操作而言，在J2ME中，其整體可以被看作虛擬機(jī)實(shí)現(xiàn)非智能手機(jī)間的跨平臺(tái)成功案例。在本課題中，其對(duì)于兩大智能手機(jī)操作系統(tǒng)而言，能夠執(zhí)行可行性的方案。

3.2 動(dòng)態(tài)腳本方案

在動(dòng)態(tài)腳本方案中，通過(guò)相關(guān)原理，可以保證腳本顯示器以及解析器的方案能夠載入腳本語(yǔ)言的編寫(xiě)程序，并對(duì)其特定的數(shù)據(jù)格式進(jìn)行解析，完成界面渲染以及邏輯執(zhí)行。且根據(jù)腳本解釋器而言，可以對(duì)操作系統(tǒng)進(jìn)行隔離，以保證整個(gè)操作系統(tǒng)能夠?qū)崿F(xiàn)有效的開(kāi)發(fā)，其自身的動(dòng)態(tài)調(diào)整方案具有開(kāi)發(fā)快、配置靈活、運(yùn)行良好的特征。但其整體的機(jī)制、邏輯感、交叉在動(dòng)態(tài)腳本方案及基本的典型案例。

在瀏覽器中，因此根據(jù)Web或Wap頁(yè)面構(gòu)成應(yīng)用程序，可以根據(jù)其界面顯示代碼以及邏輯執(zhí)行代碼的編寫(xiě)，具備統(tǒng)一標(biāo)準(zhǔn)。在Android以及Windows等平臺(tái)的開(kāi)發(fā)中，其整體提供了原生的瀏覽器窗口、空間?？梢员Ｕ显趩蜗啻翱谥?，能夠顯示出Web以及Wap的頁(yè)面，并執(zhí)行JavaScript的相關(guān)代碼。以保證在應(yīng)用程序中，可以有效地融合并實(shí)現(xiàn)相關(guān)云程序的開(kāi)發(fā)，具備良好的用戶體驗(yàn)，保障計(jì)算機(jī)的全面應(yīng)用[9]。

3.3 uni-app混合原生安卓開(kāi)發(fā)

通過(guò)uni-app與原生App之間的混合，可以確保相關(guān)原生代碼完成有效的配比。在應(yīng)用當(dāng)中，其根據(jù)uni-app開(kāi)發(fā)，可以拓展原生能力，完成插件市場(chǎng)的優(yōu)化，實(shí)現(xiàn)插件市場(chǎng)的配比。在插件市場(chǎng)的開(kāi)發(fā)中，其整個(gè)開(kāi)發(fā)文檔可以實(shí)現(xiàn)原生插件的開(kāi)發(fā)過(guò)程。在教學(xué)過(guò)程中，教師可以在原生App中集成uni小程序設(shè)定sdk模式，相當(dāng)于原生App自身?yè)碛行〕绦蚰芰?。在改進(jìn)過(guò)程中，若其自身無(wú)法得到融合，就需要將uni-app代碼發(fā)布成H5方式，在原生App中通過(guò)Web View進(jìn)行開(kāi)啟。在原生插件開(kāi)發(fā)中，其整個(gè)應(yīng)用由uni-app開(kāi)發(fā)，其在開(kāi)發(fā)過(guò)程中需要開(kāi)發(fā)者具備Android應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。在開(kāi)發(fā)過(guò)程中，通過(guò)Android studio開(kāi)發(fā)整個(gè)Android原生。對(duì)其html、Java script、css等具有了解，整個(gè)開(kāi)發(fā)環(huán)境可以完成Java環(huán)境以及App離線、sDK下載的模式。

4 MADM框架的手機(jī)端功能結(jié)構(gòu)

4.1 瀏覽器子模塊

在瀏覽器的開(kāi)發(fā)、使用中，其瀏覽器的子模塊包含各智能手機(jī)操作系統(tǒng)，并根據(jù)SDK所提供的瀏覽器控件以及導(dǎo)航按鈕組成，是整個(gè)MADM框架組成的手機(jī)端核心，負(fù)責(zé)MADM框架手機(jī)端模塊的應(yīng)用體系，以及MADM的應(yīng)用方法。

4.2 PhoneGap子模塊

在PhoneGap子模塊中，其整體可以實(shí)現(xiàn)查詢、管理功能，對(duì)Browser進(jìn)行有效設(shè)置后，便可以使其能夠有效運(yùn)行至Web App中。在應(yīng)用過(guò)程中，根據(jù)加載配置，完成相應(yīng)的插件模塊。同時(shí)，在注入插件的JavaScript完成相關(guān)腳本的拓展點(diǎn)，以保障Browser中能夠運(yùn)行相關(guān)的MADM框架，以保證能夠?qū)崿F(xiàn)Web App的數(shù)據(jù)庫(kù)服務(wù)。

4.3 應(yīng)用生命周期管理子模塊

在生命周期管理子模塊中，通過(guò)智能手機(jī)操作相關(guān)的SDK系統(tǒng)，可以完成以下功能的有效應(yīng)用，其包含了MADM獨(dú)立安裝包與MADM框架的服務(wù)端模塊，建立網(wǎng)絡(luò)連接，以保證MADM應(yīng)用可以獨(dú)立的安裝、下載，儲(chǔ)存到本地的臨時(shí)目錄中。對(duì)安裝包的格式進(jìn)行驗(yàn)證，保證總體的有效性。

此外，也包含了MADM應(yīng)用安裝以及更新，判斷整個(gè)應(yīng)用是否被安裝，以確定前期安裝以及版本安裝更新安裝版本，將整個(gè)獨(dú)立安裝包解壓后，將其內(nèi)部?jī)?nèi)容復(fù)制至MADM框架中，并在數(shù)據(jù)庫(kù)中完成登記、更新，并執(zhí)行相關(guān)的信息。

本地應(yīng)用刪除，MADM框架根據(jù)整個(gè)目錄中刪除其指定的目錄，可以保障其能夠根據(jù)整個(gè)目錄在數(shù)據(jù)庫(kù)中刪除對(duì)應(yīng)的信息條目[10]。在本地應(yīng)用列表中，可以返回已安裝的圖標(biāo)以及名稱。在整個(gè)應(yīng)用目錄圖標(biāo)中，可以運(yùn)行相關(guān)的管理子模塊，以顯示本地應(yīng)用列表。在本地應(yīng)用入口查詢中，通過(guò)返回指定名稱的MADM應(yīng)用首頁(yè)地址，可以完成應(yīng)用管理、子模塊調(diào)用以啟動(dòng)對(duì)應(yīng)的應(yīng)用程序。

5 結(jié)束語(yǔ)

綜上所述，可以通過(guò)對(duì)整個(gè)uni-app完成混合原生安卓開(kāi)發(fā)，并對(duì)MADM手機(jī)框架端的功能結(jié)構(gòu)進(jìn)行分析。隨后，確定uni-app端的開(kāi)發(fā)流程，創(chuàng)建相關(guān)的UniAppHookProxy接口。并添加組，完成相關(guān)函數(shù)的注冊(cè)。以保證其可以對(duì)獨(dú)立安裝包的數(shù)字簽名進(jìn)行驗(yàn)證，實(shí)現(xiàn)手機(jī)端以及服務(wù)端的相互認(rèn)證，以實(shí)現(xiàn)用戶互動(dòng)性增強(qiáng)。