如何使用HBuilder将网站打包成app

1.下载安装HBuilder

首先下载安装HBuilder

2.创建移动app项目

在HBuilder中创建一个移动app项目，选择空模板

创建完毕后目录结构如下

3.双击manifest.json

双击manifest.json文件进行app的相关配置

关于启动图，只能使用png格式的

4.修改index.html

配置完成后在index.html中加入跳转js代码

window.onload=function(){window.location.href="http://toptech.top";
}

6.原生安装包

点击发行选择云打包-打原生安装包

7.打包

选择android,点击打包，即可将网站打包成app。

8.下载安装包

打包完成后可以选择手动下载

9.安装使用

然后将安装包安装到手机即可使用。

注意:打包成的app可能会出现手机点击返回键直接退出应用，可以加入下面的js代码

document.addEventListener(‘plusready’, function() {var webview = plus.webview.currentWebview();plus.key.addEventListener(‘backbutton’, function() {webview.canBack(function(e) {if(e.canBack) {webview.back();} else {//webview.close(); //hide,quit//plus.runtime.quit();//首页返回键处理//处理逻辑：1秒内，连续两次按返回键，则退出应用；var first = null;plus.key.addEventListener(‘backbutton’, function() {//首次按键，提示‘再按一次退出应用’if (!first) {first = new Date().getTime();console.log(‘再按一次退出应用’);setTimeout(function() {first = null;}, 1000);} else {if (new Date().getTime() - first < 1500) {plus.runtime.quit();}}}, false);}})});
});

原文地址
如何使用HBuilder将网站打包成app

欢迎关注公众号：理木客

如何使用HBuilder将网站打包成app相关推荐

php网站转为app的工具,网站打包成APP，可以直接将一个网站转成安卓App的Hbuilder工具...
我们有时候会想把自己的网站做成一个app,但是原生的自己没有基础又不会,网上找到的云打包之类的倒是可以直接把网站打包成app,但是免费版的避免不了会有广告或者体验时间限制,收费的又不想花钱,很愁人,今 ...
网址打包（详细图文教程！）使用HBuilder将网址打包成app
使用HBuilder将网址打包成app 使用工具:HBuilder 附上链接:https://www.dcloud.io/hbuilderx.html 教程目的:将封装好的项目网址打包成一个app,即 ...
html代码转换成手机app,快速把html、手机网站打包成APP的工具和步骤流程
开心app平台是我们开发的一个打包网站的工具,可以非常方便的把一个手机网站做成APP,也可以直接打包h5代码,免费使用! 下面介绍使用开心app平台怎么将网站快速打包成APP 分七步进行 1.注册开心 ...
网站打包成app，webapp在线打包工具推荐
最近因为需求,需要把移动端网页打包成APP,本人一直是做网站开发的,没想到现在的webapp打包能如此方便了,打包的时候只用提供网站链接就可以了(原理应该是做一个app简单浏览器,然后默认打开你网站的 ...
html怎么转换成app,快速把html、手机网站打包成APP的工具和步骤流程
开心app平台是我们开发的一个打包网站的工具,可以非常方便的把一个手机网站做成APP,也可以直接打包h5代码,免费使用! 下面介绍使用开心app平台怎么将网站快速打包成APP 分七步进行 1.注册开心 ...
HBuilder将Vue打包成App遇到的问题以及解决方案
2019独角兽企业重金招聘Python工程师标准>>> 1.[ERROR] : 没有对应的路由页面解决:将路由的mode改为hash(由history改为hash) mode: ' ...
如何把网站打包成安卓/苹果APP？
现在手机APP已经很流行了,其实把网站打包成安卓/苹果APP是很简单的,如果我们的网站是H5网站或者是手机版网站,10分钟就可以把网站打包成APP,并且有完美的用户体验! 前提条件:网站是手机版网站, ...
【Android】利用爬虫将电影网站打包成一个APP
以前总是通过HDMI线将电脑连接电视看剧看电影,但是每次想快进啊进行一些操作过于麻烦,手机上的APP的资源又太少,于是想到将电影网站打包成一个APP! APP已经差不多做好了,最近也比较忙,没什么时间 ...
php 网站打包app,利用cordova将网站封装成app
本来在上半年就实现了网站封装成app的,但一直没时间写这篇文章,现在就说下吧首先安装cordova环境当安装好了,将网站的wap静态页面放进www目录,进行编译即可本篇文章主要说明一下封装的坑 ...