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

html+css+js+Hbuilder 开发一款安卓 APP,根本不用学 Android 开发!

  •  
  •   TANKING · 324 天前 · 4848 次点击
    这是一个创建于 324 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我们知道,要做一款安卓 APP,咱们得先学安卓开发语言,例如 java,前端后端。那么没有这些开发语言基础,咱们怎么做呢?其实现在有比较好的开发方案就是做 webAPP,咱们可以用 web 前端知识构建安卓客户端,用 php 构建服务端。

    首先我们要准备:
    1、html+css+js 基础知识,这是 web 前端开发最基础的
    2、php 后端,mysql 数据库基础知识
    3、Hbuilder,这是一款继承开发工具,集成代码编辑器,运行,真机模拟,调试等工具,还支持在线打包,也就是说你不用配置什么 java 开发环境就可以开发安卓软件,详情戳这里 下载软件
    4、前端 UI 框架,本次教程我使用的是 MDUI 框架,详情请戳:这里下载

    OK,以上准备好,先看看做出来的并且打包好的 APP 界面和安装包。



    demo:demo.apk

    下面就开始做事了!
    1、先打开 Hbuilder (以下简称 HB )
    2、创建一个 webapp 工程,空模板就行



    3、可以创建在桌面,然后就可以看到整个工程的目录了,但系统默认生成的文件,可以删掉,留下一个 manifest.json
    4、然后把我们提前下载好的前端 UI 所有文件 Copy 进来,我用的是 MDUI



    5、然后就可以开始对代码进行修改了,我们看到 HB 的代码编辑器里面左侧就有整个项目的文件了



    这些项目文件不就是 web 前端的一些结构吗?所以很容易,咱们就用开发 web 前端网站的思维去做就好了。

    6、网站数据怎么来?不是只做个 APP,里面没数据吧?也总不能写死吧?

    网站里面的数据就通过 php+mysql 实现的 json 数据接口就可以了,咱们可以用 jQuery-ajax 把数据拼接到 index.html

    在这期间你可以进行真机调试,最后打包!



    云打包的好处就是我们不需要在本地搭建环境,直接提交上去,打包好会返回下载链接让我下载安装包,除了生产 Android 安装包之外,还可以生成 ios 的,我们这边只测试生成 Android 的安装包。



    提交之后会需要 2-5 分钟的打包,然后生成一个 apk 安装包,就可以在手机安装使用你开发得 app 了,什么签名这些全都不用搞。

    当然如果你要设置 APP 的启动图和图标,你只需要在 manifest.json 里面进行设置即可,这就是一开始为什么不要删掉的原因!



    本文写作用时:30 分钟
    作者:TANKING

    34 回复  |  直到 2018-06-12 11:04:01 +08:00
        1
    a7a2   324 天前
    底层操作还是要,例如写 vpn
        2
    daxingzhesun   324 天前
    好流弊,我差点就以为今天开始没有 Android 岗了
        3
    lsyAndroid   324 天前 via Android
    扯,你到写插件的时候就知道了
        4
    TANKING   324 天前 via iPhone
    @lsyAndroid 只适合做内容类的 APP,不适合做功能类的。
        5
    SergeGao   324 天前 via Android
    不工程化就是作死
        6
    nolo   324 天前 via Android
    dcloud 这一套其实坑挺多的。。。
        7
    iRiven   324 天前 via Android
    淘宝那么卡是因为这个原因吗
        8
    POPOEVER   324 天前
    他们确实是在国内属于比较早地开始实践 PWA 落地应用的,我记得是 2014 年左右,但也是资源的关系并没有推起来,HBuilder 也就那么回事儿了
        9
    kwanzaa   324 天前
    可怕
        10
    lookforsex   324 天前 via iPhone
    这种框架百度一堆,除了 hybird dev 之外,我觉得没多大价值
        11
    0x11901   324 天前
    Hbuilder 的绿柔主题还是不错的,现在我就用在 Clion 上。其它的,算了没啥好说的。
        12
    ByZHkc3   324 天前
    mui 你写起来不恶心?
    混合方案里这个是最恶心的好吗!
        13
    TANKING   324 天前 via iPhone
    @ByZHkc3 没有用 mui,觉得也不怎么好,所以用了其他的框架
        14
    0312birdzhang   324 天前 via iPhone
    弃坑 hbuilder 都好几年了……
        15
    l12ab   324 天前 via iPhone
    之前用过 cordava,appcan,apicloud,最后还是 native 了
        16
    kingcos   324 天前
    还不如直接 WeApp
        17
    yuriko   324 天前
    又是花式 hybrid 嘛
        18
    xinyusir   324 天前
    用个 RN 都比这个好吧
        19
    zt1991616   324 天前
    用原生还在天天调优
        20
    my101du   324 天前
    HBuilder X

    看介绍页我以为可以替代 Sublime 和 VSCode 了(不喜欢 Electron 的)。
    装完后默默删除了
        21
    saberpowermo   324 天前
    想太多了。。
        22
    iConnect   324 天前 via Android
    套壳 App 干嘛不直接移动浏览器 webApp 快捷方式? 功能并没有区别,还省去了应用商店上架的麻烦
        23
    SaKuLa   324 天前
    哇,完蛋啦,Android 开发统统要下岗咯
        24
    WenJimmy   324 天前
    开摄像头实时的人脸采集传输 做不到吧
        25
    aaronlam   324 天前
    @iConnect 套的这层壳可以做一些基本的底层调用,复杂就很蛋疼了。
        26
    huanchena   324 天前
    坑太多。。。。。。。
        27
    alphanow   324 天前
    你们家工具真的很难用,开发根本做不起来
        28
    palxie   324 天前
    感觉没啥用, 外面有公司会这样开发?
        29
    TANKING   324 天前
    @alphanow 不是我家的。。
        30
    yo0o0o0   324 天前
    村通网系列。。。js 也没你想的那么简单,做到最后这就是火葬场还一文不值。
        31
    kennedy32   324 天前
    要是发个 RN 估计也没这么多人喷
        32
    Damon4V   324 天前
    挺好的 在用着 可以和原生写的插件一起使用;
        33
    CrisTao   324 天前
    Hbuilder 我都是用来当记事本的
        34
    MarcoM   313 天前
    RN 党飘过
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1933 人在线   最高记录 4385   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 19ms · UTC 00:27 · PVG 08:27 · LAX 17:27 · JFK 20:27
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1