HBuilderX打包H5开发的页面为App

1：首先下载HBuilderX打包工具

官网地址：

标准版和App开发板都可以，下载下来后直接解压，点击应用程序打开HBuilderX，如图所示：

2：创建项目，打开HBuilderx后点击文件➡新建➡项目，如图所示：

修改如下红框中的内容：

上图红框解释：

①：打包App的类型

②：打包App名称

③：创建的项目地址(后面打包的apk和项目的文件都在这个地址)

3：创建完成后文件夹里的东西全部删掉，只保留这个文件：

4：把H5开发的页面打包，我是用vue开发的，通过npm run build命令打包后，会生成一个dist文件，进入该文件，把里面所有的文件复制到第2步创建的项目地址，如图：

5：登录开发者中心，地址:

因为HBuilderx打包前有一些配置项需要用到Dcloud中创建的应用信息，具体在Dcloud中做如下操作：

5.1：创建应用，如图

5.2：创建完成后，点击应用名称进入应用内部，点击应用证书管理，然后点击创建证书，如图：

5.3：证书创建完成后，点击Uni Push ，开通应用消息推送功能，如图：

由于我这里只在Android上使用，所以把ios勾选去掉，包名可以根据自己实际情况填写，应用签名在5.2步骤创建的证书中可以看到，把其中SHA256:后面的内容复制过来就行，如图所示：

5.4：点击开通，完成。

6：回到HBuilderx，点击manifest.json文件进行信息配置，

6.1基础配置，如图：

6.2图标配置、启动界面配置、权限配置、App常用其他设置、源码视图按照自己需要配置

6.3模块配置，如果需要消息推送，Push模块需要勾选，其他模块按照自己的需要勾选，如图所示：

7：配置完成后，点击发行➡原生App-云打包，如图所示：

打包页面的Android包名是在Dcloud中开通Uni Push应用时填写的Android签名，如图：

打包页面的证书别名在Dcloud的应用证书管理的证书详情中可以找到，如图所示：

打包页面的证书私钥密码在Dcloud的应用证书管理的证书详情页面的查看证书密码处可以查看，如图所示：

打包页面的证书文件在Dcloud的应用证书管理处直接下载下来使用就可以了，如图所示：

如上配置完成，直接点击打包就可以了，打包完成后会在第2步创建的项目地址处看到一个unpackage文件夹，打包好的apk在里面。

打包过程中可能会出现权限报错、模块报错等，如果不需要的权限直接在权限配置处去掉，不需要的模块直接把勾选去掉，到此大工告成。