APP打包教程（使用HBuilder X工具打包uni-app）

最新推荐文章于 2024-08-30 17:32:34 发布
最新推荐文章于 2024-08-30 17:32:34 发布
阅读量2.9k 收藏 3
点赞数 1
文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_64051447/article/details/131792590
版权

App打包（使用Hbuilder进行App打包）

一、修改接口地址

1.打开uni-app下config/app.js修改接口地址，将下图红框中的地址修改成您的域名

二、配置参数

1.打开 uni-app 根目录下的 manifest.json 文件， 点击《基础配置》，重新获取 uni-app应用标识，获取之后填写 应用名称，应用描述，应用版本名称，应用版本号

2.点击《App图标配置》，上传APP的图标文件，图标必须是1024*1024大小，png格式，直角边，非透明，点击《自动生成所有图标并替换》

3.点击《App模块配置》

3-1. 选择《OAuth(登录授权)》，选择《微信登录》，填写开放平台的 appid 以及 Universal Links
注

最低0.47元/天 解锁文章
开源商城源码
关注
uni-app使用HBuilder X编辑器本地打包app（apk）详情步骤
qq_42390692的博客
05-19 5207
uni-app使用HBuilder X编辑器本地打包 Android app（apk）详情步骤一、下载Android Studio二、安装Android SDK和Google USB Driver三、下载uni-app提供的Android离线SDK四、配置AppKey五、将HBuilder-Integrate-AS 导入Android Studio六、修改HBuilder-Integrate-AS的配置七、RUN！八、打包本地APK 先说一下大概流程以及用到的东西：Android Studio（打包用到的
Hbuilder打包app的方法
10-27
HBuilder打包App方法 HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写，也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。这里面有具体的操作步骤  
使用HBuildX打包App
最新发布
qq_40135999的博客
08-30 608
使用HBuildX打包app项目1.安装HBuildX软件，默认上网下载安装就ok。2.使用HBuildX打开项目，点击（一般在项目src下的）manifest.json会有配置页面 1.安装HBuildX软件，默认上网下载安装就ok。 2.使用HBuildX打开项目，点击（一般在项目src下的）manifest.json会有配置页面 基础配置里面输入appid，此界面改不了就使用记事本或者notepad++打开manifest.json修改对应字段；注意：如果是已经有appid的项目，需要appid所
HBuilder打包App方法
weixin_30385925的博客
09-05 1261
HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写，也可以将已经编写好的项目代码打包为手机APP。 HBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。 1，下载HBuilder，注册并登陆。首先打开“文件”-“新建”-“移动AP...
vue项目（webpack+mintui），使用hbuilder打包app - 小小人儿大大梦想 - 博客园
没做过产品的后端不是个好前端
11-11 353
一、配置config/index.js 本人没有配置index.js文件，就开始进行了打包，结果最终效果是页面空白，解决了空白，接着底部图标（我是用的阿里巴巴图片）资源找不到。所以配置这步比较重要。 （1）页面空白的解决： 打开config/index.js，将build模块的assetsPublicPath值改为’./’ 1 assetsPublicPath:'./', 发布路径 （2）css引用图片资源找不到问题： 因为打包后路径发生变化，导致..
HBuilderX打包发布Android端app（.apk文件）
avdgrgg的博客
06-25 2219
官网下载HBuilderX编辑器（前端app常用开发工具，内置多种app组件）地址栏直接输入下载后直接解压即可。
HBuilderX打包uni-app项目成安卓app
吴某某人的笔记
06-03 1181
添加依赖，从这个目录Android-SDK@4.15.82065_20240508\SDK\libs拷贝以下文件到工程下，并再gradle中添加依赖。5、在hbuider生成uniapp工程的app资源。4.5、替换app图标或进入页面图片（可选）此处修改成4.1的key信息。此处修改成3.3配置的包名。生成的信息放入工程目录下。将文件拷贝进去工程替换。
HBuilderX,uni-app
10-01
HBuilderX 是一个基于 uni-app 的多端开发 IDE，提供了可视化的开发环境、代码编辑器、调试器和打包工具等功能，帮助开发者快速开发和发布 uni-app 应用程序。 uni-app 的优势包括： * 一套代码、多端发布 * 组件...
通过Hbuilder X创建uni-app项目并引入UView
08-18
首先，我们需要安装Hbuilder X，这是一个强大的多端开发工具，集成了代码编辑、预览、打包等功能。下载并安装完成后，打开Hbuilder X，点击左侧菜单栏的“创建”按钮，选择“uni-app项目”，输入项目名称和选择存储...
uni-app项目利用HBuilder X工具使用命令一键自动编译导出APP资源
mwu的博客
12-18 4432
1、准备工作 安装HBuilder X工具，可视化界面创建uni-app项目（没有这方面的知识可以到官网了解学习，此次教程是基于uni-app离线打包的）PS：如果利用cli命令创建项目的话则可直接利用cli命令导出APP资源，这里不做具体介绍，想要了解的可以移步到uni-app官网了解学习，下文都是基于可视化界面创建项目的，不再注明。 安装Node.js（详见另一篇文章Node.js安装教程），这里需要注意的是由于技术的更替，对于一些旧版本已经不再支持，所以对Node.js的版本是有要求的，这里的版本最低
hbuilder边框代码是什么_HBuilder常用快捷键
weixin_31362539的博客
02-01 2699
HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。该软件既可以支持web代码编写，也可以将已经编写好的项目代码打包为手机APP。HBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。1，下载HBuilder，注册并登陆。首先打开“文件”-“新建”-“移动APP”，输入“...
HBuilder打包App方法(图文教程)
08-29
下面小编就为大家带来一篇HBuilder打包App方法(图文教程)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
uni-app使用HBuilder X编辑器本地打包apk步骤说明
各类程序设计成品、文档、学习资料
09-25 5850
安装Android SDK和Google USB Driver即可，后者主要是为了后期使用USB设置的，如果不需要可以不点。注意：Android离线SDK的版本一定注意和HBuilder X的版本匹配，版本如果不匹配会报错。将下载下来的离线SDK进行解压，解压后能够看到HBuilder-Integrate-AS这个文件夹。下面就是围绕这个文件夹展开工作。下面是解压后的文件夹目录，圈住的就是我们要用到的文件夹。
使用HBuilder打包App教程(图文教程)
热门推荐
万物皆可学
11-30 7万+
使用HBuilder打包App教程(图文教程) 1:新建app,或者打开“文件 - 新建 - 移动APP” 2:然后填写应用名称以及位置,默认空模板完成 3:默认生成以下文件,把除了unpackage和manifest.json以外的都删掉 4:把自己的项目文件全部放进来 5:双击打开manifest.json文件,页面入口默认是index.html,你可以把自己的首页改成index或者点...
HbuilderX打包APP
weixin_59527403的博客
09-23 692
HbuilderX打包APP
使用HBuilder打包App教程
小屁孩大帅-保密的博客
04-15 3738
新建app,或者打开“文件 - 新建 - 移动APP” 2 然后填写应用名称以及位置,默认空模板完成 3 默认生成以下文件,把除了unpackage和manifest.json以外的都删掉 4 把自己的项目文件全部放进来 5 双击打开manifest.json文件,页面入口默认是index.html,你可以把自己的首页改成index或者点选择选中 6 在下面选择图标设置,点击+号选择你的app图标必须是.png..
Vue 项目利用 HBuilderX 打包 APP 流程
前端知识分享喵
05-12 6877
想要将 Vue 打包成 App，要借助一些插件工具，例如：Electron、Cordova 等，或者直接利用开发工具，例如：Android Studio、HBuilderX 等。本文的目的是带大家通过 HBuilder 开发工具对 Vue 项目进行打包。
Hbuilder打包app---kalrry
kalrry
01-10 844
hbuilder打包app
HbuilderX打包app，Hbuilder怎么打包app，H5打包成app，H5怎么打包成app
LIUAWEIO的博客
03-21 2万+
1.下载HbuilderX之后新建项目 2.在这里选则你需要新建的项目类型，本人打包的是h5app，选的5+app 3.选择好项目本地存放的地址，编写项目名，之后点击创建 4.打开刚刚创建的那个项目，点击打开manifest.json，就是下图这样子 5.填写你的h5项目地址 6.基本配置（看图），太简单太多自己研究 7.SDK配置里可以配置你的项目的appid、key其他配置，比如你的项目...
uni-app本地离线打包Android详细教程
首先，离线打包uni-app Android应用需要准备以下工具：Android Studio、HBuilder（推荐使用免安装版本）以及Android SDK。SDK的最新版本可以在指定网址下载，确保获取到最新的平台支持。此外，还需要一个已经集成uni...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

开源商城源码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值