网页打包成app

执念博客
2017-08-11 / 2 评论 / 37 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年05月05日,已超过50天没有更新,若内容或图片失效,请留言反馈。

自己做的网页是不是想做成app安装到手机上呢,在这里教大家一种无须任何知识就可以将自己的网页打包成app的方法,包括android和ios端:

使用的工具是HBuilder,这款软件百度上就可以下载到,下载后安装到电脑上,打开软件之后需要新建一个移动app的项目,如下图所示,填写文件名称之后(我这里叫goods),其他默认就好。

之后打开index.html文件,将其中的js代码

[code lang="js"]
document.addEventListener('plusready', function(){
//console.log("所有plus api都应该在此事件发生后调用,否则会出现plus is undefined。"

});
[/code]

修改为

[code lang="js"]
window.location.href="http://zhinianblog.com";
[/code]

其中http://zhinianblog.com是自己的网站网址,可以修改成自己的域名,如下图所示

之后还需要配置app的图标,软件名以及启动动画等参数,需要打开manifest.json文件,在其中修改参数

修改好之后就可以打包成app了,点击最上面的菜单"发行"->"发行为原生安装包",提示不需要理会,之后会弹出下列窗口,选择打包成android还是ios,也可以两者都选择,

选择之后点击"打包",也许会提示没有权限,点击"继续打包"就可以了,,点击查看打包信息,

稍等片刻,打包成功之后会自动下载到电脑上,找到之后发到手机上就可以安装使用了,是不是跟真正的手机软件一样使用。

有什么不理解的可以在下方评论,我会及时回复的。

本文共 382 个字数,平均阅读时长 ≈ 1分钟
1

打赏

海报

正在生成.....

评论 (2)

取消
  1. 头像
    Jung Lv.1
    Android · Google Chrome
    沙发

    沙发,不错顶一下

    回复
    1. 头像
      执念 Lv.1 作者
      Windows 10 · Google Chrome
      @ Jung

      嗯哼,这啥邮箱

      回复