有人說我只會只會簡單的html 能不能做安卓（android）手機上的app呢？答案是可以的。什么是android呢，用過手機的估計都知道了。App就是手機上的應用軟件，一種移動客戶端軟件。掌握html，你就可以做一個HTML的網(wǎng)站了，這也不是APP啊。其實 我們利用html寫出手機屏幕大小的web頁面 讓后放入手機瀏覽器內執(zhí)行，就是一款web app了。在幾年前的工作中有做過手機App項目，pc前端和android和ios程序員配合完成整個項目的開發(fā)，這也讓我產生了學習android和ios程序開發(fā)的興趣。于是寫了第一個android程序first_app，分享給其他也想學習android移動開發(fā)的朋友或是好奇安卓app是怎么制作的朋友。Web app 也是app 的一種?？梢园堰@個Html頁面打包成app。本質上都是web，都是利用html、css、js構建的網(wǎng)站，不同的是，webapp利用框架技術等讓你有了在使用App的感覺（比如頁面不跳轉刷新等）。這方面做的最好的是 HBuilder。使用它，你可以使用網(wǎng)頁（html+css+js）快速地創(chuàng)建APP應用程序。并在android手機中展示和使用。（當然如果網(wǎng)頁做得好的話，采用響應式布局，即可在手機上完美展示）。hbuilder優(yōu)點：速度快，所需要的環(huán)境少，加快了開發(fā)者速度，不會因為各種JDK，java，Android環(huán)境而無法打包生成apk或ipa頭疼，大大減少了開發(fā)繁瑣操作。

我們首先打開web開發(fā)工具hbuilder，新建一個項目如圖：

新建完成后， 在項目管理器會顯示新建的項目目錄，其中css，img，js和index.html這幾個文件可刪可改可替換。

unpackage文件夾是放置app圖標和啟動界面的圖片。

1和2是mui框架，需要的css和js文件，不懂可以不用動。

頁面入口默認是index.html，根據(jù)自己項目需要，更改APP的啟動頁面，3是manifest.json文件是移動App的配置文件，用于指定應用的顯示名稱、圖標、應用入口文件地址及需要使用的設備權限等信息，用戶可通過HBuilder的可視化界面視圖或者源碼視圖來配置移動App的信息，當然如果你要設置 APP 的啟動圖和圖標，你只需要在 manifest.json 里面進行設置即可，這就是為什么不要刪掉的原因！

下圖為index.html的內容，很簡單，在html的body中寫入內容。

云打包的好處就是我們不需要在本地搭建環(huán)境，直接提交上去，打包好會返回下載鏈接讓我下載安裝包，除了生產 Android 安裝包之外，還可以生成 ios 的，我們這邊只測試生成 Android 的安裝包。

配置完成后，點擊頁面下方的圖標配置：配置APP在手機上的顯示圖標；默認是HBuilder的圖標：

點擊"打開下載目錄"，找到app所在目錄

提交之后會需要 2-5 分鐘的打包，然后生成一個 apk 安裝包，就可以在手機安裝使用你開發(fā)得 app 了，什么簽名這些全都不用搞。

打包成功后就可以將apk文件裝到到android手機上查看效果了。如圖：