web项目打包app

在这里插入图片描述

这次打包app项目,主要用到的软件是HBuilderX;

HBuilderX下载网址:https://www.dcloud.io/hbuilderx.html

HBuilderX:可直接将网页打包成手机端app,可以有安卓和苹果两种安装包,这次我们主要讲的是安卓的打包,苹果的打包需要IDP/IEP证书。

废话不多说,我们现在开始操作:

1.首先我们要先安装HBuilderX,这里的安装包,我们要选着第二个的App开发,这里的插件会比较全面点。

在这里插入图片描述

2.安装完成后,我们点击左上角文件,点击新建然后项目;我们的项目类型要选择5+App(A),x项目名称和地址自己设置
在这里插入图片描述

3.创建完成后,我们可以看到css、img、js、upackage文件夹和index.html、manifest.json;

css、img、js、index.html这些我们可以删除替换成我们写的代码 。(记住html文件最好也是写index)

在这里插入图片描述

4.然后我们点击manifest.json,这里面我们可以看到基础配置、图像配置、七大界面配置、模块配置、权限配置、App常用其他设置、源码视图。

在这里插入图片描述

4-1.接下来我们来给基础配置进行一些配置

在这里插入图片描述

4-2.图标配置,我们弄的图片必须是png格式;如果没有,可以用ps改一下图片格式。

在这里插入图片描述

启动界面,没有什么好配置的,我就跳过了

4-3.模块配置,这里因为我是打包一个小小的文件,所以用不到这些模块,都给去掉了

在这里插入图片描述

4-4.权限配置,因为小文件,所以这些权限我也去掉了;如果自己需要配置什么权限,可以参考一下里面的文档。

在这里插入图片描述

4-5.app常用其他设置,这里面有个支持cpu类型,我们把它所有都勾选上;如果不勾选,有些手机可能安装不了。

在这里插入图片描述

5.好了,现在就要开始我们的云打包。我们点击发行、原生app云打包。

在这里插入图片描述

5-1.我们这里选择安卓打包,因为苹果需要需要IDP/IEP证书。然后我们选择老版证书,把基础广告去掉,我们就可以开始打包了。

在这里插入图片描述

5-2.打包完成后,我们等一段时间,这里会给我们生成app下载地址,然后我们点击就可以下载了。

在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐