使用Hbuilder封装APP(含配置证书)详细图文教程

小灰灰 2023-02-14 10:14 9阅读 0赞

## **网站封装成 APP 所需软件** ##

*  **工具：**Hbuilder（用于封装）
 *  **环境：**Java（用于签名）
 *  **本机环境：**Windows10,、Jdk1.8，Hbuilder1.5.4

## **网站封装成 APP****详细****步骤** ##

1、首先要去[hbuilder 官网下载 app 开发版][hbuilder _ app]，它是**绿色版免安装**的，建议把根目录的 HBuilderX.exe 发送到桌面快捷方式，方便使用。

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第1张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _1_ - boke112_boke112.com]][Hbuilder_APP_ - _1_ - boke112_boke112.com_Hbuilder_APP_ - _1_ - boke112_boke112.com]

2、安装 java 环境，配置环境变量。这个应该没问题吧。保证 jdk 可以正常工作，因为要用到 keytool，安装完配置完环境变量之后分别运行 java 和 javac 确保没问题.

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第2张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _2_ - boke112_boke112.com]][Hbuilder_APP_ - _2_ - boke112_boke112.com_Hbuilder_APP_ - _2_ - boke112_boke112.com]

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第3张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _3_ - boke112_boke112.com]][Hbuilder_APP_ - _3_ - boke112_boke112.com_Hbuilder_APP_ - _3_ - boke112_boke112.com]

3、打开 hbuilder，创建一个 wap2app 项目

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第4张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _4_ - boke112_boke112.com]][Hbuilder_APP_ - _4_ - boke112_boke112.com_Hbuilder_APP_ - _4_ - boke112_boke112.com]

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第5张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _5_ - boke112_boke112.com]][Hbuilder_APP_ - _5_ - boke112_boke112.com_Hbuilder_APP_ - _5_ - boke112_boke112.com]

4、主要需要进行配置的就是 manifest.json 文件，需手动设置一些默认的样式。

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第6张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _6_ - boke112_boke112.com]][Hbuilder_APP_ - _6_ - boke112_boke112.com_Hbuilder_APP_ - _6_ - boke112_boke112.com]

5、还是在 manifest.json 里面配置 app 的图标和启动图

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第7张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _7_ - boke112_boke112.com]][Hbuilder_APP_ - _7_ - boke112_boke112.com_Hbuilder_APP_ - _7_ - boke112_boke112.com]

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第8张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _8_ - boke112_boke112.com]][Hbuilder_APP_ - _8_ - boke112_boke112.com_Hbuilder_APP_ - _8_ - boke112_boke112.com]

6、打包发行

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第9张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _9_ - boke112_boke112.com]][Hbuilder_APP_ - _9_ - boke112_boke112.com_Hbuilder_APP_ - _9_ - boke112_boke112.com]

7、建议的打包配置

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第10张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _10_ - boke112_boke112.com]][Hbuilder_APP_ - _10_ - boke112_boke112.com_Hbuilder_APP_ - _10_ - boke112_boke112.com]

8、最关键的一步：配置证书，这里要用到 jdk。

8.1 打开 cmd 命令行，定位到 jdk 的安装目录的 bin 目录

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第11张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _11_ - boke112_boke112.com]][Hbuilder_APP_ - _11_ - boke112_boke112.com_Hbuilder_APP_ - _11_ - boke112_boke112.com]

8.2 输入命令（有下划线是可以更改的参数，其他的请保持原文语法）

1.  keytool -genkey -alias sjar -keyalg RSA -sigalg SHA1WithRSA -validity 40000 -keysize 1024 -keystore sjar.keystore

解释：

*  keytool：java 工具，管理私钥仓库（keystore）；
 *  \-genkey：生成公钥；
 *  \-alias sjar：别名 sjar；
 *  \-keyalg RSA -sigalg SHA1WithRSA：加密算法是 rsa 和 sha1 的验证；
 *  \-validity 40000：有效期 40000 天；
 *  \-keysize 1024：私钥长度是 1024 位；
 *  \-keystore sjar.keystore：生成私钥，私钥名为 sjar.keystore。

完成之后输入这些信息：

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第12张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _12_ - boke112_boke112.com]][Hbuilder_APP_ - _12_ - boke112_boke112.com_Hbuilder_APP_ - _12_ - boke112_boke112.com]

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第13张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _13_ - boke112_boke112.com]][Hbuilder_APP_ - _13_ - boke112_boke112.com_Hbuilder_APP_ - _13_ - boke112_boke112.com]

8.3 这里有建议使用的语法，复制重新输入:

1.  keytool -importkeystore -srckeystore sjar.keystore -destkeystore sjar.keystore -deststoretype pkcs12

并验证源密钥库口令

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第14张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _14_ - boke112_boke112.com]][Hbuilder_APP_ - _14_ - boke112_boke112.com_Hbuilder_APP_ - _14_ - boke112_boke112.com]

8.4 打开 jdk 的 bin 目录找到 sjar.keystore

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第15张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _15_ - boke112_boke112.com]][Hbuilder_APP_ - _15_ - boke112_boke112.com_Hbuilder_APP_ - _15_ - boke112_boke112.com]

9、回到 hbuilder 里，证书别名就是-alils 后面的，我这里是 sjar，证书密码按前面输入的填写，选择 jdk/bin 目录下的 sjar.keystore 文件。

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第16张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _16_ - boke112_boke112.com]][Hbuilder_APP_ - _16_ - boke112_boke112.com_Hbuilder_APP_ - _16_ - boke112_boke112.com]

10、正在打包了，等待完成。

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第17张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _17_ - boke112_boke112.com]][Hbuilder_APP_ - _17_ - boke112_boke112.com_Hbuilder_APP_ - _17_ - boke112_boke112.com]

11、在控制台可以看到打包进程

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第18张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _18_ - boke112_boke112.com]][Hbuilder_APP_ - _18_ - boke112_boke112.com_Hbuilder_APP_ - _18_ - boke112_boke112.com]

12、完成

[![使用Hbuilder封装APP(含配置证书)详细图文教程 - 第19张 - boke112联盟(boke112.com)][Hbuilder_APP_ - _19_ - boke112_boke112.com]][Hbuilder_APP_ - _19_ - boke112_boke112.com_Hbuilder_APP_ - _19_ - boke112_boke112.com]

本文至此结束，提示：密钥和私钥是一回事，期间穿插着说的，其实一样的。

[hbuilder _ app]: https://boke112.com/goto/aHR0cHM6Ly93d3cuZGNsb3VkLmlvL2hidWlsZGVyeC5odG1s
[Hbuilder_APP_ - _1_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyLnBuZw?x-oss-process=image/format,png
[Hbuilder_APP_ - _1_ - boke112_boke112.com_Hbuilder_APP_ - _1_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder.png
[Hbuilder_APP_ - _2_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMS5qcGc?x-oss-process=image/format,png
[Hbuilder_APP_ - _2_ - boke112_boke112.com_Hbuilder_APP_ - _2_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder1.jpg
[Hbuilder_APP_ - _3_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMi5qcGc?x-oss-process=image/format,png
[Hbuilder_APP_ - _3_ - boke112_boke112.com_Hbuilder_APP_ - _3_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder2.jpg
[Hbuilder_APP_ - _4_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMy5qcGc?x-oss-process=image/format,png
[Hbuilder_APP_ - _4_ - boke112_boke112.com_Hbuilder_APP_ - _4_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder3.jpg
[Hbuilder_APP_ - _5_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyNC5qcGc?x-oss-process=image/format,png
[Hbuilder_APP_ - _5_ - boke112_boke112.com_Hbuilder_APP_ - _5_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder4.jpg
[Hbuilder_APP_ - _6_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyNS5qcGc?x-oss-process=image/format,png
[Hbuilder_APP_ - _6_ - boke112_boke112.com_Hbuilder_APP_ - _6_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder5.jpg
[Hbuilder_APP_ - _7_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyNi5qcGc?x-oss-process=image/format,png
[Hbuilder_APP_ - _7_ - boke112_boke112.com_Hbuilder_APP_ - _7_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder6.jpg
[Hbuilder_APP_ - _8_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyNy5qcGc?x-oss-process=image/format,png
[Hbuilder_APP_ - _8_ - boke112_boke112.com_Hbuilder_APP_ - _8_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder7.jpg
[Hbuilder_APP_ - _9_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyOC5qcGc?x-oss-process=image/format,png
[Hbuilder_APP_ - _9_ - boke112_boke112.com_Hbuilder_APP_ - _9_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder8.jpg
[Hbuilder_APP_ - _10_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyOS5qcGc?x-oss-process=image/format,png
[Hbuilder_APP_ - _10_ - boke112_boke112.com_Hbuilder_APP_ - _10_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder9.jpg
[Hbuilder_APP_ - _11_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMTAuanBn?x-oss-process=image/format,png
[Hbuilder_APP_ - _11_ - boke112_boke112.com_Hbuilder_APP_ - _11_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder10.jpg
[Hbuilder_APP_ - _12_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMTEuanBn?x-oss-process=image/format,png
[Hbuilder_APP_ - _12_ - boke112_boke112.com_Hbuilder_APP_ - _12_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder11.jpg
[Hbuilder_APP_ - _13_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMTIuanBn?x-oss-process=image/format,png
[Hbuilder_APP_ - _13_ - boke112_boke112.com_Hbuilder_APP_ - _13_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder12.jpg
[Hbuilder_APP_ - _14_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMTMuanBn?x-oss-process=image/format,png
[Hbuilder_APP_ - _14_ - boke112_boke112.com_Hbuilder_APP_ - _14_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder13.jpg
[Hbuilder_APP_ - _15_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMTQuanBn?x-oss-process=image/format,png
[Hbuilder_APP_ - _15_ - boke112_boke112.com_Hbuilder_APP_ - _15_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder14.jpg
[Hbuilder_APP_ - _16_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMTUuanBn?x-oss-process=image/format,png
[Hbuilder_APP_ - _16_ - boke112_boke112.com_Hbuilder_APP_ - _16_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder15.jpg
[Hbuilder_APP_ - _17_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMTYuanBn?x-oss-process=image/format,png
[Hbuilder_APP_ - _17_ - boke112_boke112.com_Hbuilder_APP_ - _17_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder16.jpg
[Hbuilder_APP_ - _18_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMTcuanBn?x-oss-process=image/format,png
[Hbuilder_APP_ - _18_ - boke112_boke112.com_Hbuilder_APP_ - _18_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder17.jpg
[Hbuilder_APP_ - _19_ - boke112_boke112.com]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9ib2tlLnlpZ3VqaW4uY24vaW1nLzIwMTkvMTkwMzAzX2hidWlsZGVyMTguanBn?x-oss-process=image/format,png
[Hbuilder_APP_ - _19_ - boke112_boke112.com_Hbuilder_APP_ - _19_ - boke112_boke112.com]: https://boke.yigujin.cn/img/2019/190303_hbuilder18.jpg