html+css+js+Hbuilder 开发一款安卓 APP，根本不用学 Android 开发！
TANKING · 2018-06-01 11:48:22 +08:00 · 13477 次点击这是一个创建于 2352 天前的主题，其中的信息可能已经有所发展或是发生改变。
我们知道，要做一款安卓 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
 |
1
a7a2 2018-06-01 11:56:39 +08:00
底层操作还是要，例如写 vpn
|
 |
2
daxingzhesun 2018-06-01 12:00:47 +08:00
好流弊,我差点就以为今天开始没有 Android 岗了
|
 |
3
lsyAndroid 2018-06-01 12:02:19 +08:00 via Android
扯，你到写插件的时候就知道了
|
 |
4
TANKING OP @lsyAndroid 只适合做内容类的 APP，不适合做功能类的。
|
 |
5
SergeGao 2018-06-01 12:09:51 +08:00 via Android
不工程化就是作死
|
 |
6
nolo 2018-06-01 12:12:00 +08:00 via Android
dcloud 这一套其实坑挺多的。。。
|
 |
7
iRiven 2018-06-01 12:19:32 +08:00 via Android
淘宝那么卡是因为这个原因吗
|
 |
8
POPOEVER 2018-06-01 12:26:24 +08:00
他们确实是在国内属于比较早地开始实践 PWA 落地应用的，我记得是 2014 年左右，但也是资源的关系并没有推起来，HBuilder 也就那么回事儿了
|
 |
9
kwanzaa 2018-06-01 12:29:39 +08:00
可怕
|
 |
10
lookforsex 2018-06-01 12:42:13 +08:00 via iPhone
这种框架百度一堆，除了 hybird dev 之外，我觉得没多大价值
|
 |
11
0x11901 2018-06-01 12:45:33 +08:00
Hbuilder 的绿柔主题还是不错的，现在我就用在 Clion 上。其它的，算了没啥好说的。
|
 |
12
ByZHkc3 2018-06-01 12:51:19 +08:00
mui 你写起来不恶心？
混合方案里这个是最恶心的好吗！ |
 |
14
0312birdzhang 2018-06-01 13:10:14 +08:00 via iPhone
弃坑 hbuilder 都好几年了……
|
 |
15
l12ab 2018-06-01 13:13:33 +08:00 via iPhone
之前用过 cordava，appcan，apicloud，最后还是 native 了
|
 |
16
kingcos 2018-06-01 13:14:06 +08:00
还不如直接 WeApp
|
 |
17
yuriko 2018-06-01 13:18:32 +08:00
又是花式 hybrid 嘛
|
 |
18
xinyusir 2018-06-01 13:35:13 +08:00
用个 RN 都比这个好吧
|
 |
19
zt1991616 2018-06-01 13:35:30 +08:00
用原生还在天天调优
|
 |
20
my101du 2018-06-01 14:13:27 +08:00
HBuilder X
看介绍页我以为可以替代 Sublime 和 VSCode 了（不喜欢 Electron 的）。 装完后默默删除了 |
 |
21
saberpowermo 2018-06-01 14:52:18 +08:00
想太多了。。
|
 |
22
iConnect 2018-06-01 14:54:53 +08:00 via Android
套壳 App 干嘛不直接移动浏览器 webApp 快捷方式？ 功能并没有区别，还省去了应用商店上架的麻烦
|
 |
23
SaKuLa 2018-06-01 14:56:35 +08:00
哇，完蛋啦，Android 开发统统要下岗咯
|
 |
24
WenJimmy 2018-06-01 14:59:20 +08:00
开摄像头实时的人脸采集传输 做不到吧
|
 |
26
huanchena 2018-06-01 15:16:49 +08:00
坑太多。。。。。。。
|
 |
27
alphanow 2018-06-01 16:09:33 +08:00
你们家工具真的很难用，开发根本做不起来
|
 |
28
palxie 2018-06-01 16:19:51 +08:00
感觉没啥用, 外面有公司会这样开发?
|
 |
30
yo0o0o0 2018-06-01 17:21:50 +08:00
村通网系列。。。js 也没你想的那么简单，做到最后这就是火葬场还一文不值。
|
 |
31
kennedy32 2018-06-01 17:24:33 +08:00
要是发个 RN 估计也没这么多人喷
|
 |
32
Damon4V 2018-06-01 17:28:39 +08:00
挺好的 在用着 可以和原生写的插件一起使用；
|
 |
33
CrisTao 2018-06-01 17:29:04 +08:00
Hbuilder 我都是用来当记事本的
 |
 |
34
MarcoM 2018-06-12 11:04:01 +08:00
RN 党飘过
|
Select Language