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