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

投稿   时间爱人  2019-03-03 07:33:43  734 人阅读  18 条评论

不想说什么应用市场、产品趋势,也不想说什么小程序、公众号之类的,今天就想跟大家说一下怎么使用 Hbuilder 把我们的网站封装成 app,有需要的博主站长可以关注学习一下。

网站封装成 APP 所需软件

  • 工具:Hbuilder(用于封装)
  • 环境:Java(用于签名)
  • 本机环境:Windows10,、Jdk1.8,Hbuilder1.5.4

网站封装成 APP详细步骤

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

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第1张

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

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第2张

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第3张

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

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第4张

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第5张

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

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第6张

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

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第7张

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第8张

6、打包发行

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第9张

7、建议的打包配置

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第10张

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

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

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第11张

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

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张

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第13张

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

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

并验证源密钥库口令

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第14张

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

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第15张

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

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第16张

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

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第17张

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

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第18张

12、完成

使用Hbuilder封装APP(含配置证书)详细图文教程 建站经验 第19张

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

您可能感兴趣的文章

文章标签:
原文地址:https://www.shijianairen.com/wangluojishu/wap-to-appuse-hbuilder-wap2app-and-how-to-deploy-a-certificate
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 时间爱人 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
©boke112导航,本站推荐使用:阿里云 ECS服务器等云产品服务,国外免备案主机建议使用:老薛主机
时间爱人

 发表评论

强表情无奈表情抠鼻表情笑哭表情偷笑表情衰表情流汗表情奋斗表情吐血表情抓狂表情晕表情流泪表情疑问表情呲牙表情惊讶表情鼓掌表情

  1. 清风小墨
    清风小墨 @回复

    现在的文章覆盖面很广啊

    • 懿古今
      懿古今2019-03-05 11:47  回复

      @清风小墨[呲牙] 这个都是站长们投稿的,我自己涉及不了这么广的内容。站点面向所有站长,所以文章涉及面广一些也好

  2. 去看你博客
    去看你博客 @回复

    学习到了

  3. 创业路上
    创业路上 @回复

    牛叉APP都做出来了

  4. 明月登楼
    明月登楼 @回复

    对我们草根来说比起博客来运营APP几乎是不可能的!

  5. SEO学习博客
    SEO学习博客 @回复

    这个确实没玩过,都是用标准版敲代码的 [笑哭]

  6. 时间爱人
    时间爱人 @回复

    [无奈] 谢各位捧场,欢迎指正错误

  7. 菊座
    菊座 @回复

    国产神器

  8. 极客库
    极客库 @回复

    高大上!学习了

  9. 久伴
    久伴 @回复

    只要签名了安装就没问题 [呲牙]

  10. 趣知识
    趣知识 @回复

    收藏一下,这么简单就能搞定个app了?

  11. 子午物联网
    子午物联网 @回复

    看上去挺复杂的

  12. 灵异世界网
    灵异世界网 @回复

    我的app就是用这个封装的,欢迎大家来体验。 [笑哭]