用户名
密码

网页打包成app

zhinianblog
2017-08-11 / 2 评论 / 0 阅读 / 正在检测是否收录...

自己做的网页是不是想做成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://www.zhinianblog.com";
[/code]

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

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

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

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

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

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

0

评论 (2)

取消
  1. 头像
    Jung
    Android · Google Chrome

    沙发,不错顶一下

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

      嗯哼,这啥邮箱

      回复