簡單說下H5 打包apk

2022-07-17 03:48:07 字數 862 閱讀 8372

本文簡單介紹一下專案寫好之後 如何用h5+打包成apk,這裡打包的不是上線的專案,而是測試用的。為什麼要寫這篇博文呢,本身懶,但朋友總是讓我寫打包步驟給他。

想到萬一某天另外的朋友也讓我寫給他,豈不頭疼。乾脆就寫這一博文,以防萬一。。。。

1、首先要確保這個專案可執行。

2、這裡預設測試成功,那麼我們下一步執行打包壓縮。npm run build  會生成dist 檔案。

3、然後把這個dist檔案拷貝到 伺服器下,我這裡用的是phpstudy,將dist檔案放到www檔案下,開啟伺服器,瀏覽器輸入localhost,找到該專案index頁面(一般專案開啟即是index),如果沒問題,可以下一步了,如果是白屏,很可能是基礎路徑有問題,改一下重新打包。

將dist檔案放到www檔案下

開啟伺服器

測試成功

拖進hbuild

下面介紹安卓機如何連線hbuild

工具--->外掛程式安裝----->360手機助手應用

你要確保以下幾點

h5打包app後的問題

1 蘋果頁面超出隱藏造成卡頓 解決方式overflow auto webkit overflow scrolling touch ios5 2 h5打包後在ios下內容與狀態列重疊問題 1 知道裝置的型別 var isandroid u.indexof android 1 u.indexof lin...

簡單說下js閉包之setTimeout

今天寫 的時候發現 網頁上很多彈窗需要自動關閉 倒計時5秒之後使用者無操作就關閉了,angular 框架 如下,一 for var i 5 i 0 i i i 1000 輸出結果是 二 稍加改動,去掉函式 如下所示 for var i 5 i 0 i i i 1000 依然能夠正常使用 三 func...

將H5打包成exe桌面應用

這是一篇不斷踩坑的博 核心 用nodejs來進行本地化呼叫,用webkit來解析和執行html js安裝cnpm npm install cnpm g registry 2.安裝electron cnpm install electron d 3安裝electron packager 目前掉這個坑里...