html+css+js+Hbuilder開發一款安卓APP，根本不用學Android開發！

咱們知道，要作一款安卓APP，我們得先學安卓開發語言，例如java，前端後端。那麼沒有這些開發語言基礎，我們怎麼作呢？其實如今有比較好的開發方案就是作webAPP，我們能夠用web前端知識構建安卓客戶端，用php構建服務端。

首先咱們要準備：
一、html+css+js基礎知識，這是web前端開發最基礎的
二、php後端，mysql數據庫基礎知識
三、Hbuilder，這是一款繼承開發工具,集成代碼編輯器，運行，真機模擬，調試等工具，還支持在線打包，也就是說你不用配置什麼java開發環境就能夠開發安卓軟件，詳情戳這裏 下載軟件
四、前端UI框架，本次教程我使用的是谷歌的MDUI框架，詳情請戳：這裏下載

OK，以上準備好，先看看作出來的而且打包好的APP界面和安裝包。

demo:demo.apk

下面就開始作事了！
一、先打開Hbuilder（如下簡稱HB）
二、建立一個webapp工程，空模板就行

三、能夠建立在桌面，而後就能夠看到整個工程的目錄了，但系統默認生成的文件，能夠刪掉，留下一個manifest.json
四、而後把咱們提早下載好的前端UI全部文件Copy進來，我用的是MDUI

五、而後就能夠開始對代碼進行修改了，咱們看到HB的代碼編輯器裏面左側就有整個項目的文件了

這些項目文件不就是web前端的一些結構嗎？因此很容易，我們就用開發web前端網站的思惟去作就行了。

六、網站數據怎麼來？不是隻作個APP，裏面沒數據吧？也總不能寫死吧？

網站裏面的數據就經過php+mysql實現的json數據接口就能夠了，我們能夠用jQuery把數據拼接到index.html

<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中顯示就能夠了。

在這期間你能夠進行真機調試，最後打包！

雲打包的好處就是咱們不須要在本地搭建環境，直接提交上去，打包好會返回下載連接讓我下載安裝包，除了生產Android安裝包以外，還能夠生成ios的，咱們這邊只測試生成Android的安裝包。

提交以後會須要2-5分鐘的打包，而後生成一個apk安裝包，就能夠在手機安裝使用你開發得app了，什麼簽名這些全都不用搞。

固然若是你要設置APP的啓動圖和圖標，你只須要在manifest.json裏面進行設置便可，這就是一開始爲何不要刪掉的緣由！

本文寫做用時：30分鐘
做者:TANKING
技術分享博客：http://likeyunba.com/pc/jishu...