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

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

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

unpackage文件夾是放置app圖標(biāo)和啟動界面的圖片。

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

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

下圖為index.html的內(nèi)容，很簡單，在html的body中寫入內(nèi)容。

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

配置完成后，點(diǎn)擊頁面下方的圖標(biāo)配置：配置APP在手機(jī)上的顯示圖標(biāo)；默認(rèn)是HBuilder的圖標(biāo)：

點(diǎn)擊”打開下載目錄”，找到app所在目錄

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

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