前端HBuilderX HTML5模版,打包成dist 部署

最新推荐文章于 2024-09-05 13:12:35 发布
最新推荐文章于 2024-09-05 13:12:35 发布
阅读量425 收藏
点赞数 6
文章标签： 前端 html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Rui_bbm/article/details/140999275
版权

首先需要修改utils中appConfig.js的ip+路径+域名,使用服务器部署，那么就用服务器的ip，prod-api可以自定义，根据自己的需求起别名

找打HBuilderX最上方发行，然后点击

找到自己需要的发版，我使用的是网站-PC 手机H5

找到manifest.json，如果没有域名，点击重新获取即可

将获取到的域名，复制到网站域名中，然后点击发行

发行点击一次即可，无需多次点击，可能会有延迟，等待一会即可，然后在控制台可以看见

打包完成后会出现路径，然后点击路径

出现这些文件就已经完成dist打包全部过程，根据需求使用即可！

八百码
关注
web前端开发-软件（HBuilderX）和项目代码
06-24
"Web前端开发-软件（HBuilderX）和项目代码"这个标题指出，我们关注的焦点是Web前端开发领域，特别是涉及到一款名为HBuilderX的软件以及相关的项目代码。HBuilderX是一款流行的Web前端开发工具，它提供了丰富的功能...
HBuilderX打包H5、vue项目
bestyinjun的专栏
12-19 1695
HBuilderX打包H5、vue项目
HBuilderX打包 H5
Java&Develop的博客
02-15 9670
1.第一步获取appID 2.第二步，更改 地址为线上地址，下图这两个文件里的地址 3.第三步 点击图中圈的，打包
【填坑】使用HbuilderX把h5网站封装成原生App
最新发布
m0_66382276的博客
09-05 878
4步创建一个H5 App，踩坑全过程记录。
HBuilderX打包流程(H5)
为千万同胞少走弯路而写文！！！
12-05 7576
HBuilderX打包H5端流程，前端打包操作以及后端操作！
H5项目怎么打包成APP
m0_46529566的博客
06-06 2699
开发uni-app的编辑器HBuilderX可以将H5项目打包成APP，相信很多小伙伴还不知道这个功能，下面将介绍下如何将H5打包成APP，感兴趣的朋友一起看看吧HBuilderX下载链接：https://www.dcloud.io/hbuilderx.htmlok，安卓的APK大工告成。虽然不太懂其中的原理，我估计是安卓原生壳子加个WebView实现的。由于IOS的不能使用公共证书，只能去申请证书，所以这里也不演示了。
用HBuilderX打包webapp（套壳h5）
博客简介
03-10 965
用HBuilderX打包webapp,把网址打包到app里面
HBuilderX打包流程(H5)？HBuilder如何发布前端H5应用？前端开发怎样打包发布uniapp项目为h5？
南北极之间
07-17 2542
我们用的是宝塔直接部署，每次直接把这个文件夹上传到宝塔后，直接替换掉原来的h5文件夹即可。新页面立刻就能通过域名访问到。我这里是把这个文件夹打包了，这样方便上传到服务器，传上去之后再解压即可，然后把名字改成h5就好了。按照打包后的路径，找到打包好的文件夹，把文件夹里的内容，上传到服务器上去部署即可。2、面板里的所有信息都可以不填，也不用勾选==》直接点击【发行】即可。我们需要的就是这个【web】文件夹里的内容。
vue-cli打包后本地运行dist文件中的index.html操作
10-14
在打包完成后，我们通常需要将dist文件夹中的内容部署到服务器上，但在部署之前，往往需要在本地环境中测试打包后的应用是否正常运行。这一步骤对于确保部署前的应用稳定性和功能完整性是必不可少的。 描述中提到的...
HBuilderX项目配置使用uview
12-22
【HBuilderX项目配置使用uView】：这篇文章主要讲解如何在HBuilderX环境中配置和使用uView UI框架，这是一个专为uni-app生态设计的UI组件库。uni-app是一个基于Vue.js的多端开发框架，允许开发者用一套代码覆盖iOS、...
前端vue--用HbuilderX将小程序打包为h5项目
博客之家
04-13 5360
1. 找到项目中的manifest.json文件->h5配置，更改路由模式为hash模式，基础路径项改为相对路径./ 2. 发行->网站-H5手机版，如下图 3. 网站标题：不用管 网站域名：一般也不用管，但是这里为了出现不必要的问题，域名我填的是前端服务器的域名。 然后发行 4. 打包完成，点击路径拿到编译包 ...
使用HBuilder将h5网站打包成app 自行打包
withkai44的博客
06-16 2422
注意:打包成的app可能会出现手机点击返回键直接退出应用，可以加入下面的js代码。1、点击manifest.json，基础配置，APP名字，是否全面屏。双击manifest.json文件进行app的相关配置。2、然后点击图标配置，选好后点自动生成所有图标并替换。配置完成后在index.html中加入跳转js代码。点击模块配置，选VideoPlayer和X5内核。选公测证书然后点打包，（自己有证书就用自己的）然后顶部菜单选发行，选择原生App-云打包。关于启动图，只能使用png格式的。
Hbuilder创建的H5项目离线环境下运行与打包
weixin_62368440的博客
07-12 1767
H5,离线,uniapp
使用HBuilderX将vue或H5项目打包app
鹏仔工作室的秘密基地
08-23 5078
好久没有搞过将vue项目打包成app了，这两天刚好项目需要将vue开发的H5项目打包成APP，那就简单记录一次呗（之前也写过一篇打包app，是将项目使用hbuilder打开，转为webapp什么的，就可以直接打包了，现在不一样了，现在使用HBuilderX还是有些区别）。第二步：我们下载HBuilderX，可前往官网下载 https://www.dcloud.io/hbuilderx.html 下载好以后，打开并新建项目，选择 5+App 默认模板，如下图所示。第三步，我们打开新建项目的文件，如下图所示。
H5项目如何打包成APP
dxhheath的博客
02-07 4527
开发uni-app的编辑器HBuilderX可以将H5项目打包成APP，相信很多小伙伴还不知道这个功能。下面将介绍下如何将H5打包成APP。
Hbuilder打包安卓H5-APP，APP与程序分离，更新无需重新打包
一切如你的博客
10-24 3347
Hbuilder打包安卓H5-APP，将自己的APP与程序分离，在服务器上更新APP的代码，apk无需重新打包
uniapp 使用命令行创建项目及使用命令行打包H5 以及使用HBuilder X创建的老项目升级为可使用命令行打包的项目
zhuxichong123的博客
07-06 9700
13.再运行，终于不报错了，但是 ，项目中使用的 uni-simple-router和uni-read-pages来封装的路由器拦截失效了 纠其原因， uni-simple-router在vue-cli版本中 需要添加额外的配置项。这个bug是真坑~ 小小吐槽一下。9.老项目里的vue.config.js要拿出来 放到根目录下面来，老项目安装的一下依赖 需要在新项目重新安装，复制老项目下的package.json的依赖到新项目下 的package.json里，然后重新执行npm install。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值