网站项目打包成app

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下载地址，然后我们点击就可以下载了。