我們口中常說的開發(fā)APP都是使用編程語言開發(fā)的APP，有前后端，有代碼。是需要付出大量的時(shí)間和金錢的，還需要人工維護(hù)，市場上開發(fā)一個(gè)APP的價(jià)格，根據(jù)功能不同，價(jià)格相差很大，有些模板開發(fā)可能幾千塊就搞定了，有些源碼開發(fā)十幾萬。
創(chuàng)新互聯(lián)是一家企業(yè)級云計(jì)算解決方案提供商,超15年IDC數(shù)據(jù)中心運(yùn)營經(jīng)驗(yàn)。主營GPU顯卡服務(wù)器，站群服務(wù)器，服務(wù)器托管，海外高防服務(wù)器，大帶寬服務(wù)器，動態(tài)撥號VPS，海外云手機(jī)，海外云服務(wù)器，海外服務(wù)器租用托管等。
而網(wǎng)站封裝打包的APP其實(shí)只是給網(wǎng)站套一個(gè)APP的殼子，它本質(zhì)還是網(wǎng)站，這個(gè)封裝出來的APP本身是沒有后臺的，只有網(wǎng)站后臺，它可以像普通APP一樣安裝在手機(jī)上，但打開之后是網(wǎng)頁。
很多不想花精力開發(fā)APP的企業(yè)通常會選擇使用網(wǎng)站封裝“快速開發(fā)”一個(gè)APP，因?yàn)檫@樣非常簡單，很多開發(fā)者服務(wù)平臺在這方面都提供免費(fèi)服務(wù)的，自己操作一分鐘不到就搞定了。
登錄亥著開發(fā)者中心，大家可以用自己的手機(jī)號注冊賬號。
點(diǎn)擊“封裝APP”
輸入自己的網(wǎng)址，選擇需要封裝的系統(tǒng)，可以自己做圖標(biāo)和啟動圖，也可以選擇平臺現(xiàn)有的。
根據(jù)需求選擇功能插件，如果不需要可以不選。
這樣就封裝好了
APP和HTML5有啥區(qū)別：
1.html5的app比較輕巧，原生態(tài)app如比較正規(guī)，html5實(shí)現(xiàn)的功能有限，只能實(shí)現(xiàn)一些輕型的交互場景，而app則可以完美解決。
2.html5雖然可以跨平臺，可是瀏覽器有個(gè)加載速度，對于用戶體驗(yàn)上說，有個(gè)加載的等待，就比如你用qq瀏覽器打開百度，和直接使用百度app是兩種體驗(yàn)。瀏覽器打開百度，還得有個(gè)加載，而百度app則duang的出下了輸入框界面。
3.html5的app對于導(dǎo)航來說，目前有個(gè)弊端。而原生態(tài)app則在頁底固定懸浮著導(dǎo)航菜單。
4.html5 app也有自己的優(yōu)勢，比如有的app頁面想要分享出來，則采用html5 app。也比如滴滴打車集成在微信里一樣，如果手機(jī)中沒有滴滴打車的app，則直接可以在默認(rèn)瀏覽器上加載出來，進(jìn)行打車。
html5 app在設(shè)計(jì)時(shí)需要注意的一些要點(diǎn)：
1）各手機(jī)瀏覽器的兼容測試
2）底層服務(wù)的調(diào)?。苷{(diào)取，但只有當(dāng)其是核心功能時(shí)才保留 eg：新浪、美團(tuán)等皆去掉了頭像上傳功能）
3）注意離線數(shù)據(jù)存儲，減少數(shù)據(jù)請求頻率。
4）考慮保存用戶的哪些數(shù)據(jù)：設(shè)置、個(gè)人數(shù)據(jù)、閱讀錨點(diǎn)、跳出頁面等?！具@點(diǎn)一般說的就是導(dǎo)航菜單】
5）避免動效與瀏覽器的交互沖突
6）按順序 異步加載
1. Adobe Dreamweaver CS6
Dreamweaver CS6是世界頂級軟件廠商Adobe推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動應(yīng)用程序的網(wǎng)頁設(shè)計(jì)軟件。由于Dreamweaver支持代碼、拆分、設(shè)計(jì)、實(shí)時(shí)視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，對于初級人員，你可以無需編寫任何代碼就能快速創(chuàng)建Web頁面。其成熟的代碼編輯工具更適用于Web開發(fā)高級人員的創(chuàng)作！
2. Adobe Edge
Adobe Edge是一個(gè)用HTML5、CSS、JavaScript開發(fā)動態(tài)互動內(nèi)容的設(shè)計(jì)工具。它的一個(gè)重要功能是web工具包界面，用于方便確保在不同瀏覽器中架構(gòu)的一致性，此外，Adobe Edge還將整合TypeKit這樣的字體服務(wù)。通過Edge設(shè)計(jì)的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運(yùn)行在火狐、Chrome、Safari和IE9等主流瀏覽器上。
3. DevExtreme
DevExtreme Complete Subscription是性能最優(yōu)的HTML5,CSS和JavaScript移動開發(fā)框架，可以直接在Visual Studio集成開發(fā)環(huán)境，構(gòu)建iOS，Android，Tizen和Windows Phone 8應(yīng)用程序。DevExtreme包含 PhoneJS 和 ChartJS 兩個(gè)原生UI組件，并且提供源代碼。目前，DevExtreme支持VS2010/2012/2013集成開發(fā)環(huán)境，兼容Android 4+、iOS5+、Windows 8、Window Phone 8、Tizen五大移動平臺，是Visual Studio開發(fā)人員開發(fā)跨平臺移動產(chǎn)品的首選工具。
4. JetBrains WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。被廣大中國JS開發(fā)者譽(yù)為“Web前端開發(fā)神器”、“最強(qiáng)大的HTML5編輯器”、“最智能的JavaSscript IDE”等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強(qiáng)大的JS部分的功能。
5. Sencha Architect
在開發(fā)移動和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團(tuán)隊(duì)可以在一個(gè)單一集成的環(huán)境中完成應(yīng)用的設(shè)計(jì)、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 JavaScript應(yīng)用，并實(shí)時(shí)預(yù)覽。
在用戶體驗(yàn)和表現(xiàn)上，原生APP勝出。在這個(gè)方面，HTML5仍然面臨著不同移動終端設(shè)備本地瀏覽器的功能接入問題，同時(shí)在提供用戶展示圖形界面和數(shù)據(jù)展現(xiàn)的豐富性方面還有不足。
在跨平臺開發(fā)成本上，HTML5勝出。HTML5采用網(wǎng)絡(luò)通用語言，不用考慮終端設(shè)備或者操作系統(tǒng)的不同。
在更快速的更新和更強(qiáng)的發(fā)布控制方面，HTML5勝出。與HTML5相比，原生APP不具備的一個(gè)優(yōu)勢就是開放性。HTML5是基于Web的，這就意味著沒有一家公司可以成為市場的“看門人”，谷歌不行、蘋果不行、亞馬遜不行、三星也不行，沒有看門人的存在，更新的速度就不會提升、應(yīng)用的收入也不會受到削減。不過，在終端設(shè)備出現(xiàn)創(chuàng)新時(shí)，HTML5在新功能的支持上仍有些落后。
在變現(xiàn)能力方面，原生APP勝出。原生應(yīng)用的分發(fā)平臺，如AppStore和GooglePlay，目前是獲得收入的較為成熟的商業(yè)模式；而HTML5應(yīng)用，除了付費(fèi)下載以外，還沒有形成其他成熟的商業(yè)模式。
在技術(shù)人才儲備上，HTML5勝出。
對于碎片化挑戰(zhàn)而言，HTML5勝出。盡管二者同樣面臨著嚴(yán)重的碎片化問題，不過HTML5先天具備的跨平臺特性，可以在這方面占據(jù)先機(jī)。
優(yōu)秀的html5App一般都會用到phonegap這里有很多。
但更多的App是混合兩種技術(shù)同時(shí)用在一個(gè)app中，如使用原生的框架加載html5的內(nèi)容之類。
HTML5的APP，指的是使用HTML5技術(shù)實(shí)現(xiàn)的，功能與交互類似于APP的移動端網(wǎng)站。
原生APP，指的是使用iOS或Android開發(fā)語言實(shí)現(xiàn)的APP（iOS開發(fā)語言為Object C、Android開發(fā)語言為Java）
使用HTML5技術(shù)與Object C / Java語言合并開發(fā)的應(yīng)用被稱為“Hybird APP”。
此外，2015年Facebook出品了可用于JavaScript開發(fā)的移動端原生應(yīng)用 - React Native，React Native實(shí)現(xiàn)了對iOS和Android兩大平臺的支持。
HTML5技術(shù)目前并不廣泛應(yīng)用于APP的開發(fā)。
HTML5對于用戶來說，提高了用戶體驗(yàn)，加強(qiáng)了視覺感受。HTML5技術(shù)在移動端，能夠讓應(yīng)用程序回歸到網(wǎng)頁，并對網(wǎng)頁的功能進(jìn)行擴(kuò)展，用戶不需要下載客戶端或插件就能夠觀看視頻、玩游戲，操作更加簡單，用戶體驗(yàn)更好。HTML5的視音頻新技術(shù)解決了移動端蘋果和安卓4.0+，對flash的支持問題。在視音頻方面，性能表現(xiàn)比flash要更好。網(wǎng)頁表現(xiàn)方面，HTML5中的CSS3特效樣式、Canvas、webgl的介入，不僅加強(qiáng)了網(wǎng)頁的視覺效果，甚至能夠使用戶在網(wǎng)頁當(dāng)中看到三維立體特效。
對于開發(fā)者來說，HTML5技術(shù)跨平臺，適配多終端。傳統(tǒng)移動終端上的Native App，開發(fā)者的研發(fā)工作必須針對不同的操作系統(tǒng)進(jìn)行，成本相對較高。Native App對于用戶還存在著管理成本、存儲成本以及性能消耗成本。HTML/JavaScript/CSS語言所開發(fā)的應(yīng)用只要一次開發(fā)就能進(jìn)入所有瀏覽器進(jìn)行分發(fā)。即使是走傳統(tǒng)的App Store應(yīng)用商店渠道，只需要再將底層用HTML5開發(fā)的應(yīng)用“封裝”為App，從時(shí)間和資金成本上講遠(yuǎn)小于跨系統(tǒng)移植。
對于搜索引擎來說，HTML5新增的標(biāo)簽，使搜索引擎更加容易抓取和索引網(wǎng)頁，從而驅(qū)動網(wǎng)站獲得更多的點(diǎn)擊流量。
重慶分公司
重慶分公司
