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

2018-06-01 11:48:22 +08:00
 TANKING

我们知道,要做一款安卓 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

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

看介绍页我以为可以替代 Sublime 和 VSCode 了(不喜欢 Electron 的)。
装完后默默删除了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/459522

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX