安粉宝,在线申请

尊敬的用户,很高兴您对安粉宝产品感兴趣。

您也可以直接拨打热线400-6026-360进行咨询,如有疑问请了解更多。

手机号码不正确

成功

提交

WAP可以转成APP吗?

安粉宝  2017.12.28

关键词: WAP转APP?

WAP可以转成APP吗?这个问题,相信困扰这很多的客户,想要开发一个APP,内容,页面全都从WAP页面去调用,这样访客不管是打开手机站还是打开APP,都能快速的找到自己需要的东西。那么WAP到底能否转成APP呢?

小编查阅大量的参考资料之后,

1. 利用Android/Object-c原生语言,分平台重新开发;这样会导致H5、安卓、iOS三端并行,成本最高,效率最低;

2.利用React Native/weex/mui/Cordova等跨平台技术,一套代码覆盖Android、iOS两个平台;这样需要维护H5、跨平台App两套代码,成本、效率都居中;

3.复用H5网站,直接将H5网站转换成App,这样只需要维护H5一套代码,成本最低,效率最高。

上面三种方法之中,第三种方案成本最低,但是想要做好的话,难度会比较大。当然可以做个简单的webview,能省很多事情,但是跟原生的APP,相差太大,功能上、体验上都满足不了用户的需求。

web App和原生App的体验差距

web App和原生App的体验差距主要体现在:

窗口动画:H5网页在手机浏览器上是通过href在当前页面跳转的,没有动画;但原生App是通过原生View动画进行切换的,体验更好;

滚动条通顶:H5网页的标题栏一般是div方式fix在顶部,页面滚动条会通顶,把标题栏右侧盖住。这个效果很不原生。虽然使用div滚动也可以解决滚动条通顶,但div滚动在安卓上效率无法商用。

下拉刷新:H5网页通过DIV模拟的下拉刷新不流畅,甚至很多M站干脆就不做下拉刷新。但App里这是一个常见而重要的交互操作。

选项卡切换:原生App切换选项卡时,选项卡区域不变,仅内容区view变化;但web app切换选项卡时 ,会将整个页面重新加载,经常出现白屏现象。

返回按键处理:若用户之前操作触发了弹出层显示(比如地址选择),则在用户按下back键时,原生App会先关闭弹出层,并不会直接关闭当前页面;但web app会直接执行history.back()逻辑,导致整个页面的后退。

渲染速度:H5网站属于B/S结构,需要先下载再渲染;而原生App大多为C/S结构,资源从本地加载,可以无需等待立即渲染部分元素,避免白屏现象;

系统能力:HTML5因API限制,很多终端能力无法调用,导致很多功能缺失或不如原生,比如推送、扫码、分享、支付等;

安粉宝,能够满足第三方案,一个原生的APP,嵌套H5页面,能够满足各种原生AP的需求。