移動(dòng)開發(fā)app技術(shù)ppt演示課件

1、移動(dòng)開發(fā)APP技術(shù)及微信小程序,,1,,三大移動(dòng)操作平臺(tái),2,,三大平臺(tái)對(duì)比,3,,移動(dòng)開發(fā)技術(shù),原生開發(fā)技術(shù)（Native app）網(wǎng)頁(yè)開發(fā)技術(shù)（Web app）混合開發(fā)技術(shù)（Hybrid app）,4,,Native app,是某一個(gè)移動(dòng)平臺(tái)所特有的，使用相應(yīng)平臺(tái)支持的開發(fā)工具和語(yǔ)言（比如iOS平臺(tái)支持Xcode和Objective-C，安卓平臺(tái)支持Eclipse和Java）。有很強(qiáng)的交互，是一個(gè)完整的App，可拓展性強(qiáng)，需要

2、用戶下載安裝使用。模式通常是由“云服務(wù)器數(shù)據(jù)+APP應(yīng)用客戶端”兩部份構(gòu)成，APP應(yīng)用所有的UI元素、數(shù)據(jù)內(nèi)容、邏輯框架均安裝在手機(jī)終端上。原生應(yīng)用程序看起來(lái)（外觀）和運(yùn)行起來(lái)（性能）是最佳的。舉例：攝像頭，揚(yáng)聲器等,5,,原生開發(fā)優(yōu)點(diǎn),速度更快、性能穩(wěn)定、整體用戶體驗(yàn)不錯(cuò)。訪問(wèn)本地資源（通訊錄，相冊(cè)）可線下使用（因?yàn)槭窃诟鶺eb相對(duì)地平臺(tái)上使用的）。支持大量圖形和動(dòng)畫，出色的動(dòng)效比移動(dòng)Web App運(yùn)行快容易發(fā)現(xiàn)（應(yīng)用

3、商店里面）和重新發(fā)現(xiàn)（應(yīng)用圖標(biāo)會(huì)一直在主頁(yè)上），對(duì)于蘋果而言，應(yīng)用下載能創(chuàng)造盈利官方賣場(chǎng)的應(yīng)用審核流程會(huì)保證讓用戶得到高質(zhì)量以及安全的App官方會(huì)發(fā)布很多開發(fā)工具或者人工支持來(lái)幫助你的開發(fā) 擁有系統(tǒng)級(jí)別的貼心通知或提醒,6,,原生開發(fā)缺點(diǎn),開發(fā)成本高，尤其是當(dāng)需要多種移動(dòng)設(shè)備來(lái)測(cè)試時(shí)因?yàn)槭遣煌拈_發(fā)語(yǔ)言，所以開發(fā)，維護(hù)成本也高因?yàn)橛脩羰褂玫腁pp版本不同，維護(hù)起來(lái)很困難支持設(shè)備非常有限（一般是哪個(gè)系統(tǒng)就在哪個(gè)平臺(tái)專

4、屬設(shè)備上用）官方賣場(chǎng)審核流程復(fù)雜且慢，發(fā)布進(jìn)程受影響上線時(shí)間不確定（App Store審核過(guò)程不一）內(nèi)容限制（App Store限制）獲得新版本時(shí)需重新下載應(yīng)用更新（提示用戶下載跟新，用戶體驗(yàn)差）,7,,Web app,Web應(yīng)用本質(zhì)上是為移動(dòng)瀏覽器設(shè)計(jì)的基于Web的應(yīng)用，它們是用普通Web開發(fā)語(yǔ)言（html,java,asp.net,php,JavaScript）開發(fā)的，可以在各種智能手機(jī)瀏覽器上運(yùn)行指采用html5語(yǔ)言寫出

5、的App，不需要下載安裝。依托于瀏覽器，基本上可以說(shuō)是觸屏版的網(wǎng)頁(yè)應(yīng)用。HTML5應(yīng)用程序使用標(biāo)準(zhǔn)的Web技術(shù)，通常是HTML5、JavaScript和CSS。只需編寫一次、可到處運(yùn)行的移動(dòng)開發(fā)方法構(gòu)建的跨平臺(tái)移動(dòng)應(yīng)用程序可以在多個(gè)設(shè)備上運(yùn)行。,8,,Web APP,Web App開發(fā)即是一種框架型APP開發(fā)模式（html5 APP 框架開發(fā)模式），具有跨平臺(tái)的優(yōu)勢(shì)，通常由“HTML5云網(wǎng)站+APP應(yīng)用客戶端”兩部份構(gòu)成，

6、APP應(yīng)用客戶端只需安裝應(yīng)用的框架部份，而應(yīng)用的數(shù)據(jù)則是每次打開APP的時(shí)候，去云端取數(shù)據(jù)呈現(xiàn)給手機(jī)用戶。雖然開發(fā)人員單單使用HTML5和JavaScript就能構(gòu)建功能復(fù)雜的應(yīng)用程序，但仍然存在一些重大的局限性，具體包括會(huì)話管理、安全離線存儲(chǔ)以及訪問(wèn)原生設(shè)備功能（攝像頭、日歷和地理位置等）。,9,,Web開發(fā)優(yōu)點(diǎn),跨平臺(tái)開發(fā)、用戶不需要去賣場(chǎng)來(lái)下載安裝App,開發(fā)速度快任何時(shí)候都可以發(fā)布App，因?yàn)楦静恍枰俜劫u場(chǎng)的審核，可即時(shí)

7、上線支持設(shè)備廣泛開發(fā)成本較低無(wú)內(nèi)容限制用戶可以直接使用最新版本（自動(dòng)更新，不需用戶手動(dòng)更新）頁(yè)面存放于web服務(wù)器（減少了內(nèi)存，但是會(huì)增加服務(wù)器的壓力）純H5 APP快速開發(fā)、低成本、多平臺(tái)，與很多APP開發(fā)方式不同的是-圖文混合的排版（正是這些復(fù)雜多變的CSS樣式消耗了性能，但是它帶來(lái)了排版的多樣性，能夠細(xì)致到每一個(gè)字寬行高和風(fēng)格的像素級(jí)處理）,10,,Web開發(fā)缺點(diǎn),只能使用有限的移動(dòng)硬件設(shè)備功能,無(wú)法使用很多移動(dòng)硬件設(shè)

8、備的獨(dú)特功能要同時(shí)支持多種移動(dòng)設(shè)備的瀏覽器讓開發(fā)維護(hù)的成本也不低（也要適配不同的瀏覽器對(duì)于用戶來(lái)說(shuō)，這種App很難被用戶發(fā)現(xiàn)這里的數(shù)據(jù)獲取都是在資源頁(yè)面上異步完成的，因?yàn)橹挥羞@樣才能讓這些資源頁(yè)面完成預(yù)加載或者渲染。（耗時(shí)）表現(xiàn)差（對(duì)聯(lián)網(wǎng)的要求比較大） 頁(yè)面跳轉(zhuǎn)更加費(fèi)力，不穩(wěn)定感更強(qiáng)，圖片和動(dòng)畫支持性不高，交互動(dòng)態(tài)效果受到限制，更小的頁(yè)面空間，用戶體驗(yàn)沒(méi)那么炫沒(méi)法在App Store中下載、無(wú)法通過(guò)應(yīng)用下載獲得盈利

9、機(jī)會(huì)，安全得不到保障無(wú)法體會(huì)包括會(huì)話管理、安全離線存儲(chǔ)以及訪問(wèn)原生設(shè)備功能（攝像頭、日歷和地理位置等）,11,,Hybrid app,Hybrid APP指的是半原生半Web的混合類App。需要下載安裝，看上去類似Native App，但只有很少的UI Web View，訪問(wèn)的內(nèi)容是 Web ?；旌蠎?yīng)用大家都知道是原生應(yīng)用和Web應(yīng)用的結(jié)合體，采用了原生應(yīng)用的一部分、Web應(yīng)用的一部分，所以必須在部分在設(shè)備上運(yùn)行、部分在Web上運(yùn)行

10、。不過(guò)混合應(yīng)用中比例很自由，比如Web 占90%，原生占10%；或者各占50%。有些應(yīng)用最開始就是包了個(gè)原生客戶端的殼，其實(shí)里面是HTML5的網(wǎng)頁(yè)，后來(lái)才推出真正的原生應(yīng)用。比較知名的APP，比如手機(jī)百度和淘寶客戶端 Android版，走的也是Hybrid App的路線，不過(guò)手機(jī)百度里面封裝的不是WebView，而是自己的瀏覽內(nèi)核，所以體驗(yàn)上更像客戶端，更高效。,12,,Hybrid 開發(fā)優(yōu)缺點(diǎn),Native架構(gòu)重（主流）優(yōu)點(diǎn)：交互

11、層的效率上由Native的東西解決了，而且架構(gòu)上基本就是在App內(nèi)寫網(wǎng)頁(yè)，App Store就是采用了該種方案；缺點(diǎn)：團(tuán)隊(duì)至少需要兩個(gè)工程師，一個(gè)是Web的，一個(gè)是iOS或者Android的。運(yùn)行效率，要權(quán)衡好多少界面采用Web來(lái)渲染，畢竟WebView的效率會(huì)相對(duì)降低。,13,,三種應(yīng)用比較,14,,教你一招,原生app,Web app,混合APP,15,,開發(fā)app流程,明確你的構(gòu)想和理念：誰(shuí)用，做什么用，設(shè)計(jì)用戶界面：交互的地

12、方，簡(jiǎn)結(jié)美觀，用戶體驗(yàn)定義交互方式：交互的啟用都是通過(guò)用戶操作的事件來(lái)觸發(fā)的，比如手指的點(diǎn)擊， 滑動(dòng)，捏合等部署用戶行為：代碼來(lái)實(shí)現(xiàn)這些定義好的行為數(shù)據(jù)交互的部署：數(shù)據(jù)存儲(chǔ)問(wèn)題，界面與數(shù)據(jù)之間必須要定義明確的交互方式測(cè)試，修改與發(fā)布,16,,17,,什么是微信小程序,簡(jiǎn)稱小程序，是一種不需要下載安裝即可使用的應(yīng)用用戶掃一掃或者搜一下即可打開應(yīng)用。體現(xiàn)了“用完即走”的理念，用戶不用關(guān)心是否安裝太多應(yīng)用的問(wèn)題。不同的小程序，可

13、以實(shí)現(xiàn)不同的功能不會(huì)推送信息騷擾你，只能用戶觸發(fā)。,18,,開發(fā)微信小程序的技術(shù),語(yǔ)言：JavaScript/WXML/WXSS工具：1.微信小程序官方開發(fā)工具-可以調(diào)試和預(yù)覽，手機(jī)預(yù)覽，代碼 提交審核 2. 即速應(yīng)用-可視化操作，直接拖拽組件生成頁(yè)面，電商模板居多 3.Subline Text3-代碼編輯器，簡(jiǎn)結(jié)高效