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

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

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

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

clipboard.png

demo:demo.apk前端

下面就开始作事了!
一、先打开Hbuilder(如下简称HB)
二、建立一个webapp工程,空模板就行java

clipboard.png

三、能够建立在桌面,而后就能够看到整个工程的目录了,但系统默认生成的文件,能够删掉,留下一个manifest.json
四、而后把咱们提早下载好的前端UI全部文件Copy进来,我用的是MDUImysql

clipboard.png

五、而后就能够开始对代码进行修改了,咱们看到HB的代码编辑器里面左侧就有整个项目的文件了jquery

clipboard.png

这些项目文件不就是web前端的一些结构吗?因此很容易,我们就用开发web前端网站的思惟去作就行了。ios

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

网站里面的数据就经过php+mysql实现的json数据接口就能够了,我们能够用jQuery把数据拼接到index.htmlajax

<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>  
<script>    
    $(function(){    
        $.ajax({    
            //请求方式    
            type:"GET",    
            //文件位置    
            url:"test.php",  
            //返回数据格式为json,也能够是其余格式如    
            dataType: "json",    
            //请求成功拼接html    
            success: function(data){     
                var str="<ul>";    
                $.each(data,function(i,n){    
                    str+="<li>";
                    str+="<p>"+n.title+"</p>";  
                    str+="</li>";
                    str+="<br>";
                });    
                str+="</ul>";     
                $("#tab1").append(str); 
            }    
        });    
    });    
</script>

上面的就是jQuery-ajax实现的把test.php从数据库取出来的数据拼接到index.html页面的id为tab1的div中的实例。

test.php

<?php
header("content-type:application/json");// 尽可能不要用text/json 某些浏览器会不兼容
//0、隐藏错误信息
error_reporting(E_ALL^E_NOTICE^E_WARNING);
//链接数据库
$con = mysql_connect("数据库地址","数据库帐号","数据库密码");
if (!$con)
  {
  die('链接数据库失败,失败缘由:' . mysql_error());
  }
//设置数据库字符集  
mysql_query("SET NAMES UTF8");
//查询数据库
mysql_select_db("test", $con);
//获取最新的20条数据
$result = mysql_query("SELECT * FROM test_tb ORDER BY id DESC LIMIT 0,20");
$results = array();
while ($row = mysql_fetch_assoc($result)) {
$results[] = $row;
}
// 将数组转成json格式
echo json_encode($results);
// 关闭链接
mysql_close($con);
?>

上面的test.php就是后端,很是简单的后端,实现从数据库取数据并输出成json格式,那么运行test.php的结果返回的数据格式是json格式。

而后经过index.html的ajax请求数据并拼接在div中显示就能够了。

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

clipboard.png

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

clipboard.png

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

固然若是你要设置APP的启动图和图标,你只须要在manifest.json里面进行设置便可,这就是一开始为何不要删掉的缘由!

clipboard.png

本文写做用时:30分钟
做者:TANKING
技术分享博客:http://likeyunba.com/pc/jishu...

相关文章
相关标签/搜索