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

14314 次点击
所在节点    Android
34 条回复
saberpowermo
2018-06-01 14:52:18 +08:00
想太多了。。
iConnect
2018-06-01 14:54:53 +08:00
套壳 App 干嘛不直接移动浏览器 webApp 快捷方式? 功能并没有区别,还省去了应用商店上架的麻烦
SaKuLa
2018-06-01 14:56:35 +08:00
哇,完蛋啦,Android 开发统统要下岗咯
WenJimmy
2018-06-01 14:59:20 +08:00
开摄像头实时的人脸采集传输 做不到吧
aaronlam
2018-06-01 15:00:39 +08:00
@iConnect 套的这层壳可以做一些基本的底层调用,复杂就很蛋疼了。
huanchena
2018-06-01 15:16:49 +08:00
坑太多。。。。。。。
alphanow
2018-06-01 16:09:33 +08:00
你们家工具真的很难用,开发根本做不起来
palxie
2018-06-01 16:19:51 +08:00
感觉没啥用, 外面有公司会这样开发?
TANKING
2018-06-01 17:13:35 +08:00
@alphanow 不是我家的。。
yo0o0o0
2018-06-01 17:21:50 +08:00
村通网系列。。。js 也没你想的那么简单,做到最后这就是火葬场还一文不值。
kennedy32
2018-06-01 17:24:33 +08:00
要是发个 RN 估计也没这么多人喷
Damon4V
2018-06-01 17:28:39 +08:00
挺好的 在用着 可以和原生写的插件一起使用;
CrisTao
2018-06-01 17:29:04 +08:00
Hbuilder 我都是用来当记事本的
MarcoM
2018-06-12 11:04:01 +08:00
RN 党飘过

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

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

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

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

© 2021 V2EX