【HPP開發】讓全部中小企業擁有本身的APP

HPP

hybirdApp或者hbuilderApp，

指經過html，css，js語言開發出ios和android兩個版本的APP，

開發效率成倍上升，開發時間大幅縮減，開發成本一樣也大大縮減。

 

移動互聯網時代，還有多少中小公司沒有本身的app，緣由何在？

1.中小公司有多少？

這個都不須要引用相關數據，想一想一句話就明白了，

「一將功成萬骨枯」，這句話一樣適合創業者，普通人耳熟能詳的大公司已經不少了，

能夠想象下中小公司有多少，數量極多極多。

 

2.大部分中小公司沒有本身app

迫於app開發人員的用人成本極高，

初級android，ios工資基本10k左右，中級15k左右，高級25k左右，大概這個價，

中小公司找兩個初級的作不出東西，找兩個中級的差很少了，可是時間成本用人成本都很高，

最終的結果是隻能作出一個demo類的app，或者計劃一直日後拖，

又或者根本沒有能力招app開發~

 

HPP，讓全部中小公司輕鬆擁有本身的APP

1.成本比較

拿開發一個app，須要6個月，android，ios兩個版本，

配備andorid中級（15k）+ios中級（15k）來講，成本是30*6=180k=18w，

配備一個hpp中級（15k）來講，成本是15*3=45k=4.5w，

這裏是乘以3不是乘以6，由於hpp開發速度絕對比原生開發快一倍。

這樣一來，

hpp開發app的成本是原生app的四分之一~

hpp開發app的成本是原生app的四分之一~

hpp開發app的成本是原生app的四分之一~

 

2.招人難度

android和ios的工資這麼高（相對其餘工種），緣由之一就是招人比較難，

而hpp開發，只要會html+css+js就能夠，

想一想哪一個java開發，php開發，.net開發不會點html+css+js，只須要在精通點，

想一想哪一個前端開發，不精通html+css+js呢，

因此招人來講，完成原生app

 

3.流暢度和加載速度

不少人會說流暢度，

隨着手機廠商的競爭，手機硬件的發展，想一想如今的千元小米，魅族之流，

目前來講千元機都很流暢，之後來講是手機就很流暢。

不少人說加載速度，

誠然，中小公司本身的帶寬限制等等因素，加載頁面比較滿，

可是想一想網絡發展，從2g，3g，4g以及以後的5g，以及wifi的adsl，光纖，512k，1m，2m，10m，20m，

以及如今愈來愈普及的雲服務，百度bae，新浪sae，阿里雲等等，

網速也不是問題了。

 

HPP詳述

1.HPP由來

其實用html+css+js本人用得比較多的是dcloud（公司）推出的hbuilder（ide），使用mui（ui）+nativejs開發app，

可是總這麼hbuilder，mui的叫，感受不是很順口，或者不是很響亮，

百度上說基於html+css+js開發app的技術叫作HybirdApp，詳見：這裏

因此借用HybirdApp和Hbuilder開發的App這兩個概念，推出HPP的叫法，

簡單，好記。

 

2.HPP案例

說了這麼多，若是你已經心動了，不妨看看這些HPP案例，

http://dcloud.io/case/#group-1

能夠看出，HPP開發app自己流暢度是毫無問題，問題在於ui設計太low，一會兒拉低檔次，

若是有一個好的ui，外加一下開發的技巧，開發出的app仍是很棒的，例如「愛學車」這個HPP。

 

3.HPP趨勢如何

硬件趨勢：手機硬件性能愈來愈好，

網絡趨勢：網速愈來愈快，

就業趨勢：12年錯過了android的你，15年還想錯過HPP？

 

疑問解答

1.一次開發，生成android和ios兩種app？

是的

 

2.須要熟悉哪裏技術才能夠從事HPP開發？

須要熟悉html，css，js，最好熟悉jquery，以及一些經常使用框架的上手方法（bootstrap，amazeui）。

 

3.具體使用哪些技術工具？

使用Hbuilder作ide進行開發打包app，

使用mui作ui層，理論上能夠用其餘的ui框架，例如amazeui，bootstrap，jquery mobile等，

使用nativejs作js橋調用原生方法，這個無可替換，比較重要。

 

4.免費嗎？

Hbuilder已經開源，因此ide免費：https://github.com/dcloudio/HBuilder-opensource

mui已經開源，因此ui免費：https://github.com/dcloudio/mui

總之都是開源，都是免費的，看這裏：https://github.com/dcloudio

 

5.開發的時候用瀏覽器調試和看效果？

no

雖然開發語言是html+css+js，可是成果是一個app，也就是一個apk或者ipa，

你見過用瀏覽器調試apk或者ipa的嗎？

最佳推薦是真機調試。

 

6.只是網頁套了個webview嗎？原生功能能夠調用嗎？

徹底不是，原生功能均可以調用，原生體驗：http://www.dcloud.io/runtime.html

 

7.mui是個啥，能夠替換嗎？

mui是負責你作出來app的ui效果的，

徹底能夠替換爲其餘ui框架，bootstrap，amazeui等等，

dcloud作的很差的是mui太雜了，讓不少人搞不清楚，

mui既負責了ui框架的部分：樣式，組件，效果

mui又負責了js操做的部分：dom操做，事件綁定等，徹底是copy的jquery，可是作的又沒有jquery好，有不少坑。

mui又負責了原生調用的一部分：mui.init，mui.plusready等，

在我看來，mui只須要作好ui的部分就行，或者乾脆交給國內相似的amazeui作，節省精力，效果還更好，

而後讓js操做用jquery實現，又節省好多精力，效果性能還好，

最後專一於nativejs的開發，研發更多更好的原生能力，三方插件等。

 

技術的意義究竟何在？

1.提升效率，下降成本

以javaee的mvc框架們爲例，

從剛開始的jsp+servlet，

到後來的ssh1（spring+struts1+hibernate），

再後來的ssh2（spring+struts2+hibernate），

而後的ssm（spring+springmvc+mybatis）。

除了jsp+servlet只是在學習過程當中使用，而沒有在工做中使用外，其餘的框架都在工做中使用過，

也見證了幾個公司框架的更新路程，

 

可是，停下來思考下，爲何框架在不停的更新，不停的變，

也許框架怎麼變，最終用戶看到的東西都是同樣的，從用戶的角度看，框架的變動毫無心義。

那麼意義是？可能有人很快就會說，「更加安全」，「開發更快」。。。

 

僞緣由：更加安全

爲何這麼說，舊的框架因爲歷史緣由會有很公開很明顯的漏洞，爲了不這個漏洞你更新到了新框架，

可是請相信，新的框架也會有漏洞在等着你，

因此「更加安全」這個理由徹底是爲了湊字數或者說你做爲架構者想推行本身熟悉框架的藉口~

 

緣由1：開發快

這個纔是真正的緣由，開發快，比較下jsp+servlet時代和後期的mvc框架時代，

不得不說，開發速度大大加快。

 

緣由2：成本低

就公司招人的成原本說，新人老是熟悉新框架，當你想招一大波廉價的勞動力的時候，

發現你公司用的ssh1對於新人來講早已不知道是什麼玩意，反而炫耀本身用的ssm，嘲笑你用的ssh1，

因此若是你想在目前的市場招到一大波的廉價勞動力，那麼更新公司的框架在所不免。

 

緣由3：自我實現

這個緣由聽起來比較怪，可是能夠說倒是根本緣由，

技術世界就像中國的歷史朝代同樣，不停的更替，

若是一個技術新人，技術至關好，卻出生（工做）在ssh1時代，

爲了想證實本身的技術能力，爲了讓本身得到更好的報酬，

因此舉起「更加安全，更加快速」的大旗，開始創建本身的朝代（ssm）。

一樣，對於培訓機構來講，爲了招到更多的學生，

老是不停的退出新的框架教程，

最後，招來了更多的學生，培訓出了更多熟悉新框架的工做新人。

技術研發者和技術推廣者（培訓）的自我實現纔是推動技術更新換代的最根本緣由，

技術接受者（新人）和技術使用者（公司）只能被迫的接受這種變化。

 

站在公司的角度，技術存在的意義只有：

提升工做效率：一樣的時間內開發更多的東西；

下降用人成本：使用工做新人們都懂的框架，以便以更低的成本找到更多的人。

 

2.提升用戶體驗，科技方便生活

上面所說的技術意義，偏向於用戶看不到的後臺的技術，其意義就是下降成本，

還有一種技術是和用戶實時相關的，用戶看得見的，一直在使用的，能夠方便生活，簡化工做流程的。

例如html5，css3，讓用戶看到的網頁愈來愈好看愈來愈有意思，

例如android，將用戶拉進移動互聯網時代，充話費，買外賣等等動動手指就作到了，大大方便人們的生活。

 

總結：

技術就是下降成本，方便生活，HPP是一門好技術~

 

---

HPP例子——滴石

官網：http://uikoo9.com/dishi

源碼：https://github.com/uikoo9/dishi

教程：http://uikoo9.com/book/detail/3

 

 

HPP例子——識歲

官網：http://uikoo9.com/shisui

源碼：https://github.com/uikoo9/shisui

教程：http://uikoo9.com/book/detail/5