V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
LINEX
V2EX  ›  Android

安卓 app 用 H5 页面来做的话,有什么成熟的解决方案?

  •  
  •   LINEX · 2015-10-27 16:08:17 +08:00 · 9012 次点击
    这是一个创建于 3075 天前的主题,其中的信息可能已经有所发展或是发生改变。

    不用原生安卓做,用 H5 来做,有什么比较成熟和快捷的解决方案?
    自己做一个玩具参加公司内部马拉松

    38 条回复    2015-10-28 18:09:22 +08:00
    youxiachai
        1
    youxiachai  
       2015-10-27 16:10:52 +08:00
    ionic 速度杠杠的...
    Pastsong
        2
    Pastsong  
       2015-10-27 16:12:19 +08:00
    HTML5 ... 不然你会被喷的

    最成熟的就是 ionic 了
    cyberdak
        3
    cyberdak  
       2015-10-27 16:14:10 +08:00
    ionic 以前入坑了很久
    ios 表现完美,和原生差不多
    但是 android 就是一坨。。
    速度太慢,卡顿太严重了
    crosswalk 也没多大用,打包的 apk 一下变成几十 M ,而且居然也还卡顿
    LINEX
        4
    LINEX  
    OP
       2015-10-27 16:15:12 +08:00
    @Pastsong :)哈哈,我没具体了解过前端,吓得我赶紧查了查。。。
    lxrmido
        5
    lxrmido  
       2015-10-27 16:23:25 +08:00
    无解, android 下页面都卡出翔
    LINEX
        6
    LINEX  
    OP
       2015-10-27 16:30:20 +08:00
    @lxrmido 卡出翔无所谓,只要能快速出页面,能够把 demo 演示出来就行。。。
    lxrmido
        7
    lxrmido  
       2015-10-27 16:46:14 +08:00
    @LINEX
    要快点出 demo 的话…… HBuilder 能再快一点
    stanhou
        8
    stanhou  
       2015-10-27 16:47:01 +08:00
    @cyberdak 我也刚在考虑 ionic ,你说 android 卡会不会是机型过老的原因?
    xuxu
        9
    xuxu  
       2015-10-27 16:48:21 +08:00
    现在又开始流行 react-native 了。
    likai
        10
    likai  
       2015-10-27 17:00:37 +08:00
    HBuilder 不是 IDE 么?
    hronro
        11
    hronro  
       2015-10-27 17:01:05 +08:00
    react native
    cxbig
        12
    cxbig  
       2015-10-27 17:01:25 +08:00
    React Native +1
    Sin
        13
    Sin  
       2015-10-27 17:10:33 +08:00
    react native 跟楼主说的 H5 并没有什么关系吧
    kaedea
        14
    kaedea  
       2015-10-27 17:14:46 +08:00
    react native 还是纯原生的开发吧
    H5 再好的框架也没有用, PhoneGap 吧,但是肯定不够原生流畅。
    特别是在 Lollipop 大炮的淫威下, H5 就显得更差了
    rokeyzki
        15
    rokeyzki  
       2015-10-27 17:15:05 +08:00
    PhoneGap

    楼上那些提 react native 的朋友估计还没搞懂什么是 react native
    jun4rui
        16
    jun4rui  
       2015-10-27 17:17:24 +08:00
    react native 做起来速度较慢啊,还要自己包 UI 框架,开发速度上有点慢。现在用 Cordova 5.x 也没感觉啥不好,可能本身应用也简单吧。不过有些东西不好实现,例如转屏动画什么。
    LINEX
        17
    LINEX  
    OP
       2015-10-27 17:23:19 +08:00
    @jun4rui 只要页面效果能看就行了,转屏动画什么的可以不考虑,看来这样就可以排除 react native 了。。。
    alex321
        18
    alex321  
       2015-10-27 17:47:04 +08:00
    我们在用 HBuilder + Html5 Plus ,欢迎交流。
    yangweiwei
        19
    yangweiwei  
       2015-10-27 17:49:58 +08:00
    @stanhou 主要问题在 webview 这个组件 这个组件 5.0 之前都是放在 system 里面 没发更新导致各个版本的 webview 性能相差好多 ,到了 5.0 谷歌要求 可以随时更新 webview 这个组件 但是国内厂商 那个,还是放在了 system 分区 没法更新,再加上 chrome 在国内不流行 可不是速度 卡的一笔
    kingda
        20
    kingda  
       2015-10-27 17:53:44 +08:00
    HBuilder +1
    hienchu
        21
    hienchu  
       2015-10-27 18:58:52 +08:00 via iPhone
    如果只针对安卓, HTML5 不一定比原生来的快吧
    SourceMan
        22
    SourceMan  
       2015-10-27 19:04:16 +08:00 via Android
    react native 不是 HTML5 吧
    lk920724
        23
    lk920724  
       2015-10-27 19:31:47 +08:00 via iPhone
    ionic 吧,学习中
    joe1213
        24
    joe1213  
       2015-10-27 20:42:58 +08:00
    @xuxu
    @hronro
    @cxbig
    @rokeyzki
    @SourceMan
    @kaedea
    想知道 react native 最低支持 android 什么版本的手机。
    Configure your SDK 的部分有写 Android 6.0 (API 23),但我在 android 4 的手机上用没有任何问题呀。
    miller
        25
    miller  
       2015-10-27 21:26:53 +08:00
    cordova + anjularjs + ionic
    my101du
        26
    my101du  
       2015-10-27 21:50:57 +08:00
    如果你没有设计能力, ionic 做的东西丑得紧,就像我做的这个一样。
    https://github.com/my101du/ionic-babythings

    https://itunes.apple.com/us/app/id941612239

    如果你有好的设计能力, ionic 也可以做得很漂亮——花这么多时间去美化的 app ,一定很有前景,很有前景还不用原生?
    WaylanPunch
        27
    WaylanPunch  
       2015-10-27 21:52:32 +08:00
    似乎前端技术每年都有一大堆说会大火
    LancerComet
        28
    LancerComet  
       2015-10-27 22:18:03 +08:00
    @likai HBuilder 是 IDE , 不过 DCloud 还出了 HTML5+ 与 Native.JS 和 MUI 框架.
    yangxiongwei
        29
    yangxiongwei  
       2015-10-27 22:20:37 +08:00
    allan1st
        30
    allan1st  
       2015-10-27 22:43:30 +08:00
    @joe1213 你需要理解一下 targetSDKVersion 和 minSDKVersion 两个概念, target 是最高可以调用的 API 的版本, min 是最低支持 API 的版本。
    meathill
        31
    meathill  
       2015-10-27 23:53:08 +08:00
    ionic 使用 angular ,肯定慢,而且 angular 的学习曲线也很陡, hackthon 临时抱佛脚不太容易。+crosswalk 要打包 chromium ,体积巨大。

    如果你对前端比较熟悉, 使用传统的 jQuery+Bootstrap+Handlebars 其实是不错的选择,可以应对大部分展示为主的应用场景;如果对交互要求比较高,数据模型复杂,使用框架会更容易。
    likai
        32
    likai  
       2015-10-28 08:15:44 +08:00 via Android
    @alex321 卡不?
    alex321
        33
    alex321  
       2015-10-28 08:38:22 +08:00
    @likai Android 4.4 以上都很好。我手上的 Moto G 运行流畅。
    cuzn
        34
    cuzn  
       2015-10-28 09:03:00 +08:00
    apicloud
    strongcoder
        35
    strongcoder  
       2015-10-28 09:08:12 +08:00
    HBuilder
    xuxu
        36
    xuxu  
       2015-10-28 10:28:01 +08:00
    @rokeyzki 是没搞懂 连大小写都写错了 : )
    joe1213
        37
    joe1213  
       2015-10-28 14:07:07 +08:00
    @allan1st 没找到它支持的 minSDKVersion ,不知哪儿有介绍这方面的资料吗?
    allan1st
        38
    allan1st  
       2015-10-28 18:09:22 +08:00
    @joe1213 你如果从 cli 新建项目, gradle 文件的路径是 ../ReactAndroid/build.gradle minSDKVersion 是 16 ,也就是 Android 4.1
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1236 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 18:02 · PVG 02:02 · LAX 11:02 · JFK 14:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.