【HPP开发】让全部中小企业拥有本身的APP

HPP

hybirdApp或者hbuilderApp,php

指经过html,css,js语言开发出ios和android两个版本的APP,css

开发效率成倍上升,开发时间大幅缩减,开发成本一样也大大缩减。html

 

移动互联网时代,还有多少中小公司没有本身的app,缘由何在?

1.中小公司有多少?

这个都不须要引用相关数据,想一想一句话就明白了,前端

“一将功成万骨枯”,这句话一样适合创业者,普通人耳熟能详的大公司已经不少了,html5

能够想象下中小公司有多少,数量极多极多。java

 

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

迫于app开发人员的用人成本极高,jquery

初级android,ios工资基本10k左右,中级15k左右,高级25k左右,大概这个价,android

中小公司找两个初级的作不出东西,找两个中级的差很少了,可是时间成本用人成本都很高,ios

最终的结果是只能作出一个demo类的app,或者计划一直日后拖,css3

又或者根本没有能力招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