使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)

文章来自:https://blog.csdn.net/qq_38025219/article/details/101678986

 

下载HBuilder  官网:http://www.dcloud.io/

    (1)下载成功后邮箱注册登录

    (2)文件->新建->移动App

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第1张图片

   使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第2张图片

    (3)创建成功后得到这样一个目录结构,manifest.json是配置文件

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第3张图片

    打开它,设置保存

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第4张图片

    App图标

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第5张图片

    启动页,就像打开微信前那个月亮一样

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第6张图片

    SDK,有需求可以配一下

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第7张图片

    没特殊情况这三个就不用管了

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第8张图片

    (4)将做好的项目往里面扔

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第9张图片

    或者在Index.html里面添加自动跳转,这样一打开App就会直接跳到你的项目,至此就差打包啦~

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第10张图片

    (5)打包App

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第11张图片

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第12张图片

这里它会提示是否缺少权限,有的话请回到刚才的配置文件->模块权限配置,否则点继续打包

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第13张图片

等一下很快的

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第14张图片

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第15张图片

点击确定后可以查看打包状态

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第16张图片

成功后会自动帮你下载安装包

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第17张图片

下载完的安装包路径

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第18张图片

安卓直接拉到手机安装就行了,ipa文件可以通过pp助手之类的帮助安装

使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk)_第19张图片

你可能感兴趣的:(使用HBuilder将H5的项目打包成手机可安装的webapp程序(.apk))