简单说下H5+打包apk

Posted zhyez

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了简单说下H5+打包apk相关的知识,希望对你有一定的参考价值。

本文简单介绍一下项目写好之后 如何用H5+打包成apk,这里打包的不是上线的项目,而是测试用的。

1、首先要确保这个项目可运行。

2、这里默认测试成功,那么我们下一步执行打包压缩。npm run build  会生成dist 文件。

3、然后把这个dist文件拷贝到 服务器下,我这里用的是phpstudy,将dist文件放到www文件下,打开服务器,浏览器输入localhost,找到该项目index页面(一般项目打开即是index),如果没问题,可以下一步了,如果是白屏,很可能是基础路径有问题,改一下重新打包。

4、将该项目dist文件夹拖到Hbuild里,并且以移动项目打开(右击选中转为移动项目即可)。打开真机测试,如果在手机上可以显示该项目,点击发行,发行原生项目(云打包),此时你执行完毕了。等待打包结束下载即可(默认自动下载);

 

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

将dist文件放到www文件下

技术分享图片

 

 打开服务器

技术分享图片

测试成功

技术分享图片

 

 拖进hbuild

技术分享图片

 

下面介绍安卓机如何连接hbuild

 

工具--->插件安装----->360手机助手应用

技术分享图片

下载安装360手机助手

你要确保以下几点

技术分享图片

 

以上是关于简单说下H5+打包apk的主要内容,如果未能解决你的问题,请参考以下文章

hbuilder怎么打包成android

html5 如何打包成apk,将H5封装成android应用APK文件的几种方法

使用HTML一键打包APK工具打包KRPANO全景项目

强烈推荐:一个h5网页转安卓App的工具,可以在线云打包安卓apk

关于AndroidStudio的apk打包遇到的问题记录

Android Studio 超级简单的打包生成apk