利用HBuilder打包前端開發(fā)webapp為apk的方法
更新時間：2017年11月13日 10:54:41 作者：crazywoniu
下面小編就為大家?guī)硪黄肏Builder打包前端開發(fā)webapp為apk的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
現(xiàn)在的前端開發(fā)可謂是，百花齊放啦，什么都可以做，只有想不到沒有做不到的，今天就簡單的介紹用vue，ng或者是react開發(fā)的單頁應用如何打包為apk，在移動設備上運行。
這里以vue為例，其他的差不多，大家可以根據自己的情況去查找相應資料。
第一步，需要安裝node，如果是做前端的er，這個應該就不用過多介紹了。
第二步，使用vue-cli工具初始化vue項目，這里只是做一個測試的項目，所以vue-router等東西就不用安裝了，實際項目，根據具體情況而論。
第三步，常規(guī)的開發(fā)，比如希望實現(xiàn)的功能等。
第四步，開發(fā)完成后需要配置項目為線上項目前的幾個配置，如下：
上面主要是打包前的配置。
第五步，打包項目。
第六步，打開HBuilder開始打包為apk。文件-》打開目錄，選擇剛剛項目的dist目錄，項目名稱隨便，這里就為dist
在項目上右鍵轉成移動項目
當項目的圖片上顯示為a時就可以了。接下來就是設置啟動的圖標等信息了，直接點擊json的文件就會有設置界面
然后發(fā)行為原聲應用
進行相應設置就可以了
打包成功后就可以將apk文件反正到手機上查看效果了。
以上這篇利用HBuilder打包前端開發(fā)webapp為apk的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue 構造選項 - 進階使用說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了vue vant中picker組件的使用說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
Pinia是Vue.js的輕量級狀態(tài)管理庫,比起vue3中的Vuex狀態(tài)管理,pinia更輕量,更容易使用,下面這篇文章主要給大家介紹了關于Vue3狀態(tài)管理之Pinia的入門使用教程,需要的朋友可以參考下2022-04-04
Vue ElementUi同時校驗多個表單(巧用new promise)
這篇文章主要介紹了巧用new promise實現(xiàn)Vue ElementUi同時校驗多個表單功能，實現(xiàn)的方法有很多種，本文給大家?guī)淼氖且环N比較完美的方案,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了vue如何將導航欄、頂部欄設置為公共頁面問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了Vue中使用import進行路由懶加載的原理分析。具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了js數組的 entries() 獲取迭代方法，entries() 方法返回一個數組的迭代對象，該對象包含數組的鍵值對 (key/value)。下面來詳細介紹該neural,需要的朋友可以參考一下2021-10-10
這篇文章主要介紹了淺談vue中$bus的使用和涉及到的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
本文介紹了如何開發(fā)自定義全局公共組件的兩種方法,第一種方法是通過在components文件夾中創(chuàng)建新的組件文件夾,例如Loading文件夾,并在其中創(chuàng)建index.js和index.vue文件,通過在vue的入口文件main.js中進行引入,可以實現(xiàn)組件的全局調用2024-10-10
這篇文章主要介紹了Vue 數據綁定的原理，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-11-11