利用HBuilder打包前端開發(fā)webapp為apk

現(xiàn)在的前端開發(fā)可謂是，百花齊放啦，什么都可以做，只有想不到?jīng)]有做不到的，今天就簡單的介紹用vue，ng或者是react開發(fā)的單頁應(yīng)用如何打包為apk，在移動設(shè)備上運(yùn)行。

這里以vue為例，其他的差不多，大家可以根據(jù)自己的情況去查找相應(yīng)資料。

第一步，需要安裝node，如果是做前端的er，這個應(yīng)該就不用過多介紹了。

第二步，使用vue-cli工具初始化vue項目，這里只是做一個測試的項目，所以vue-router等東西就不用安裝了，實際項目，根據(jù)具體情況而論。

第三步，常規(guī)的開發(fā)，比如希望實現(xiàn)的功能等。

第四步，開發(fā)完成后需要配置項目為線上項目前的幾個配置，如下：

上面主要是打包前的配置。

第五步，打包項目。

第六步，打開HBuilder開始打包為apk。文件-》打開目錄，選擇剛剛項目的dist目錄，項目名稱隨便，這里就為dist

在項目上右鍵轉(zhuǎn)成移動項目

當(dāng)項目的圖片上顯示為a時就可以了。接下來就是設(shè)置啟動的圖標(biāo)等信息了，直接點擊json的文件就會有設(shè)置界面

然后發(fā)行為原聲應(yīng)用

進(jìn)行相應(yīng)設(shè)置就可以了

打包成功后就可以將apk文件反正到手機(jī)上查看效果了。