如何使用hbuilder快速生成一个直接打开网站的app

最新推荐文章于 2024-07-29 22:41:59 发布
最新推荐文章于 2024-07-29 22:41:59 发布
阅读量1.8w 收藏 20
点赞数 3
分类专栏： 服务器相关

需要用到的工具：http://www.dcloud.io/

先下载安装hbuilder。


然后打开，选择文件》新建》移动app

然后填写应用名称等基本信息，注意这里模板选择空模板即可。当然如果有兴趣的也可以看看其他的实例模板。点击完成

在右侧项目管理器找到刚才创建的项目，


在新建的移动App下找到manifest.json，将其中的入口页面配置为自己的域名地址。


然后再打开manifest.json配置下图标和启动图片。。


配置好以后，点击菜单发行》发行为原生安装包


弹出对话框直接点击打包就可以了


最后等待几分钟，打包好以后下载就OK了！

小白旗
关注
专栏目录
HBuilderX使用mui框架实现一个手机出行工具的AndroidAPP
有问题或资源连接有缺失的可以私信公众号新潮看世界获取
05-04 4014
都说HBuilder很适合做web前端开发，是国内非常著名的前端IDE，话说国内我还真没听过什么其他的IDE，所以，我觉得就冲它是国内自研的一款IDE，能推出来让这么多开发工程师好评，就已经很不容易了，所以，我打算学学使用，看看能不能在前端开发中找到一些收获。 打开HBuilderX，最新版的HBuilder就行，果不其然，我一看他在创建项目的时候有很多模板，然后还可以跨平台，Android，IOS，浏览器，好像没有桌面版，不过，姑且将浏览器版的当作桌面版的吧，问题不大，起码一上来，好用啊。 我们创建.
使用hbuilder x 把网址打包成app
周小仙女的博客
02-15 2706
1、选择新建项目，选择 2、选择wap2App 填写app名称，网址 3、点击创建 4、在manifest.json文件中配置好app的基本信息，比如启动图标之类的 5、右击项目，点击发行，选择原生app打包，就可以了 ...
HBuilder打包Web网址
05-25
HBuilder打包Web网址
使用HBuilder制作一个简单的HTML5网页
最新发布
精通搬砖，资深技术砖家，在软件开发，人工智能，设备开发等领域都有研究。商业合作&交流学习可私信联系。
07-29 248
使用HBuilder制作一个简单的HTML5网页
给自己的网页建一个APP壳——新建一个网页跳转的APP
微道道的博客
04-11 595
参考文章： 【手把手】带你撸一个安卓壳子 web前端的小伙伴们大家好，说起APP混合开发，大家首先想到的可能就是类似Cordova的库，可以让我们不写一行安卓代码，就轻松地实现原生APP的一些常用功能，但是对于一些特别的"需求"我们就无能为力了。所以为了提高我们的知识储备，我觉得还是有必要学习一波安卓的知识的。下面就由我带着大家手把手撸一个安卓的壳子出来，由于本人也是第一次写安卓的东西，难免会有些不对的地方，希望各路大神见怪莫怪。 1、下载Android Studio 官网下载地址，开发安卓貌似就只有
使用Hbuilder打包前端网站为WebApp(Android,ios应用)
田兴的博客
10-08 4465
准备工作： 你要打包的移动端网站地址，如：http://www.tianguixing.com/dist2/#/ 安装 HbuilderX 工具： 官网：http://www.dcloud.io/ 根据你的电脑系统选择下载开发版 安装成功后，回到Hbuilder官网，注册一个账号，然后到软件里点击左下角头像进行登陆 打开开发者工具软件，点击 文件 -> 新建 -> 项目 选择 Wap2App，填写项目名称并将刚刚复制的网址粘贴进去，模板选择默认模板，然后点击创建 右下角会提示项目创建
使用HBuilder时实现其他手机或电脑访问你的页面
x1037490413的博客
03-15 9804
1：首先打开HBuilder软件。 2： 下拉框选择最下面的设置web服务器，将内置服务器ip从127.0.0.1改为192.168.0.1. 3：点击应用，确认，再重新开启软件。 ...
HBuilder x 打包 生成app步骤
LiuBo_1999的博客
08-10 7225
1.把打包好的dist文件夹打开把里面的文件拿出来按下图所示（刚开始在HBuilder x中生成文件他会自带一个index.html,这个文件没有用，要删掉，如果不删的话，打包生成app的时候会白屏的） 需要的配置如下 准备打包中的配置如下 下面就是下载到手机上（打开后项目就可以正常运行了，如果你的运行不了那就是vue.config.js中配置路径错了） ...
初试vue-cli使用HBuilderx打包app的坑
10-16
4. 微博分享功能问题：微博分享功能在某些情况下可能会闪退，这是由于Dcloud的一个已知问题导致的。授权失败的原因可能有两个：网络问题或未安装新浪微博应用。在进行授权时需要加入判断逻辑，根据授权失败的具体...
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
10-17
首先，你需要确保已经安装了Hbuilder并创建了一个Vue项目。如果你还没有Vue项目，可以通过以下步骤创建： 1. 打开Hbuilder，选择“创建新项目”。 2. 选择“Web App”，然后选择“Vue.js”框架。 3. 输入项目名称和...
HbuilderX 打包网站教程.docx
07-23
当你做完一个网页想要让它打包成一个APP的时候，可以参考此文档。此教程是我在工作中经常使用的一种方法，并且实践过无数次。
HBuilder编写简单团队介绍网站
Pluto_ssy的博客
09-21 904
本文开发工具主要用HBuilder X设计的免费团队介绍网站，直接可以在网页上运行，免费开源源码奉上，可自行下载
基于VUE使用Hbuilder工具开发的甜品网站
Crazydoubao的博客
12-10 1479
上文已经提到了VUE实现的思维导图，感兴趣的同学可以自己去了解一下VUE，学过JS都会很快上手。本文是开发的甜品网站，适配所有手机的H5网页，你说它是APP、小程序好像都没错。 实现代码界面如下： 实现的主要代码如下： <template> <view> <!-- 兼容 app 状态栏显示 --> <page-status></page-status> <!-- 自定义顶部导航栏 -->
HBuilder发布H5，nginx部署
夏已微凉、
02-10 6092
一、说明二、步骤1、manifest.json 基础配置2、manifest.json h5配置3、发行4、发行完毕5、nginx.conf 配置 一、说明 此功能需要先登录！DCloud开发者中心，没有账号的话去注册一个。 二、步骤 1、manifest.json 基础配置 uni-app应用标识(AppID)，不存在请点击 重新获取 2、manifest.json h5配置 配置 页面标题，运行的基础路径，端口 等 3、发行 依次选择：发行 -> 网站-PC Web或手机H5(.
教你用HBuilderX免费搭建一个网站
MoZhaoyun的博客
06-16 2926
如果你有vue的基础，那么HBuilderx工具将会是你更好的选择，他可以快速帮助你搭建网站，即使你只是一个人，利用DCloud你可以使用阿里云免费但受限的服务器资源，后续也可以花费资金升级服务器。而且不需要你学会复杂的数据库操作语句，是用官方提供的api就可以方便的对数据库进行操作，前后端对接也有提供的api方便传输数据，同时还可以帮你托管前端网页，即使你没有域名也可以进行发布。如果你对html/js/vue都不怎么了解，可以先去学习html、js、css等网页所需的基础语言。
uni-app - 最新实现将 uniapp 项目打包编译为 H5 网站，并上传部署到 web 服务器进行发布预览（从打包到发布完整流程步骤，Hbuilder 编译打包 h5 发行到 web 服务器）
热门推荐
王佳斌
03-06 1万+
uniapp，打包h5，打包编译H5网站，怎么打包h5，uniapp打包成H5部署到服务器教程，uniapp打包H5页面发布到服务器，uniapp开发,打包成H5部署到服务器_uniapp 打包h5，uniapp如何打包h5项目，怎么把项目打包成H5，uniapp如何打包成H5并且放到web端上，打包成h5部署到服务器的步骤，打包发行到h5报错怎么办，如何将uniapp打包的h5网站放到服务器上，编译打包后怎么放到web服务器中，如何将uniapp开发的H5打包并部署到服务器，部署使用uniapp开发的h5
初学者完成HBuilder X网站制作
m0_74257628的博客
02-25 3562
初学者难点为：视频如何居中 以及嵌套格式
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值