2016 - 2024

感恩一路有你

hbuilderx做的app打包不能使用 如何将html打包成一个app?

浏览量:4092 时间:2023-06-01 22:47:02 作者:采采

如何将html打包成一个app?

很多做web前端也可以h5开发app的人,都想自己做一个app直接安装到自己的手机上,app可以改成自己的名字或者建议使用自己的头像做图标,

感觉上有没很xx,今天,我来教大家如何修改前端工具穿越小说合集自己的app;

简单的方法,我们先可以下载工具HBuilderX,官网下载地址:;

可以打开官网后我们再点击可以下载:

在弹出来的界面中中,选择自己电脑版本的软件下载:

上网下载后就接下来,接下来安装好表就行,由于我的电脑巳经按装了,就并没有观摩安装过程,很简单啊的,直接安装过后是这个样子的:

鼠标双击可以打开软件;改扩建项目,参照图中的步骤来不能操作,

1、我们选择类型第二个uni-app

2、写好项目名称

3、你选择保存路径

4、你选默认模板

然后点击创建角色,正在此时我们我得到一个创建角色的项目结构:

这里很简单说一下,因为uni-app基于vue.js来开发完毕的,所以我会vue的小伙伴们在用站了起来会很容易上手。我们不需要编辑的页面应该是在pages目录中,这里我们如何修改文件如下图

再点开manifest.json文件,修改基础配置,把app修改成自己的名字和不使用自己头像做图标,

我们这里填写应用名称和描述,第一项app应用标识是云端获取的,不要我们不自动填写;

配置完全安装到手机上的图标,毕竟小编手机是安卓机,因为这里你选了安卓图标配置,中,选择的图标参照委托的尺寸大小去做随机的图标:

假如是需要改设置成启动后图标也可以自己区设置如何修改。和如何修改app图标配置差不多;

这样的就差不多了,直接点击保存到;

最后再点项目名,然后再工具栏上直接点击“发行新——原生app云端发我”,后再在提示框的界面已取消iOS选项卡,Android在用互换证书,最下面是广告,如果不是打钩广告的话是可以赚收益的,到最后我们然后点击“穿越小说合集”

发到邮箱要几分钟,等等一会儿我们就可以找到去下载的界面:

点击链接就可以不直接下载apk包了:

正当此时我们把下载下了的apk包传手机上就是可以按装了。这是我已经按装那样最好的截图:

这里因为uni-app设置不使用流动起来布局,因为这里所有的li都不显示到了一行;

以前开发完毕一个app,需要一个安卓和一个IOS原生开发,各自开发一套以不适应完全不同的手机操作系统,这样的话做给予的问题那就是要变更土地性质两套一般的app,而且开发成本和维护成本会极大增加;而近几年随着前端技术的不断发展,这一问题可以不在前端完美的东西帮忙解决;这给我们web前端的小伙伴受到了福音,开发一套代码这个可以多变(安卓,iOS,小程序,h5)运行程序;

你是不是很棒,小伙伴们,忙不迭地拿着自己的手机安装一个不属于自己的app吧。

如何优雅的使用vue vux开发app?

通过HBuilder的云端打包技术(也可以放在本地),

你只要写htmljscss即可开发出app,

但是是四次开发,即可生成android和ios两种随机app。

原理介绍-ui层

app中的ui随机html中的ui,你是可以让其选择ui框架,

无论bootstrap我还是amazeui,那就jquerymobi(phonegap推荐ui),

那就HBuilder帮我推荐的mui都可以,

这里建议不使用HBuilder我推荐的mui,

而且裸芯片了一部分nativejs的东西,

并且HBuilder也裸芯片了mui的快捷键,在用起来很方便啊。

归纳下,是用html层次的ui框架来实现(设计模拟)app中的ui。

app 图标 手机 界面 项目

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。