HBuilder X + uni-app 打包 App、小程序等操作

9月前作者：iiiiiiiice 分类：Toy博客阅读(54) 违法举报

这篇具有很好参考价值的文章主要介绍了HBuilder X + uni-app 打包 App、小程序等操作。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
在HBuilder X中我们可以点击新建->项目，选择第一个空框架，根据学习需要也可以选择其他的模板。
hbuilderx打包uniapp,前端,小程序,uni-app,微信
在编辑完项目之后，需要配置manifest.json文件，在App图标配置中可以选择图片路径配置app的图标，还可以修改app名称。如果要打包成h5，需要编辑web配置，选择路径为基础路径可以在本地浏览。 hbuilderx打包uniapp,前端,小程序,uni-app,微信
app打包之后会在项目里面，出现apk包，里面有安装包可以安装到手机
web打包之后会在项目里面，出现dist包，里面有h5，html文件可以，配置过基础路径为./后可以直接打开。
小程序打包也是类似的操作，需要先配置一个id，然后微信平台进行审核。文章来源地址https://www.toymoban.com/news/detail-527550.html

到了这里，关于HBuilder X + uni-app 打包 App、小程序等操作的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

uni-app使用HBuilder X工具和微信小程序工具开发微信小程序

选择uni-app的原因是什么需要使用到的工具关于HBuilder X工具和微信小程序工具的介绍怎么下载HBuilder X工具和微信小程序工具如何使用HBuilderX工具如何使用微信小程序工具结尾什么是uni-app uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到

2024年02月08日
浏览(69)
Uni-app运用HBuilderX和微信web开发者工具做微信小程序

目录 Uni-app、HBuilderX和微信web开发者工具的介绍使用HBuilderX时需配置的工具通过HBuilderX构建项目配置微信开发者工具通过HBuilderX将项目运行到微信小程序中 Uni-app中常用的组件及方法扩展组件的使用方法结语 Uni-app的介绍: uni-app是一个使用vue.js开发所有前端应用的框架

2024年02月16日
浏览(102)
uni-app打包后安卓不显示地图及相关操作详解

新公司最近用uni-app写app，之前的代码有很多问题，正好趁着改bug的时间学习下uni-app。使用uni-app在浏览器调试的时候，地图是展示的，但是打包完成后，在app端是空白的。咱第一次写app，啥也不懂啊不是。附上一张浏览器调试的截图：安卓app上是空白页，就不附图了。因为

2024年02月11日
浏览(71)
uni-app打包小程序根据不同编译条件打包不同静态素材目录

在uni-app开发小程序的时候，我们经常有这样的需求，一个小程序，拥有多个不同样式的模板，发布的时候，为了减少包的体积，我们希望只打包当前使用的模板对应的静态素材目录，而其他模板的目录不打包进去。在package.json中定义的模板变量如下：每一个模板的静态素材

2024年02月10日
浏览(56)
uni-app打包运行成微信小程序，一看就会

不废话，直接甩步骤： 1.对HX(HBulider X)编译器配置选择运行配置：设置微信开发者工具的位置 2.uniapp项目配置找到自己项目的manifest.json，选择微信小程序，填写自己的appid 3.微信开发者工具设置打开微信小程序的服务端口设置 - 安全设置 - 打开端口号 4.在HX中编译成微信小

2024年02月21日
浏览(60)
【uni-app系列】uni-app之App打包

选择菜单项 “发行” - “原生App-云打包”：输入相关信息：第一次安装时会提示安装依赖：提示打包校验信息，点击【继续打包】：如果没有实名认证，提示如下信息：可以通过修改 manifest.json 取消通讯录权限或进行实名认证处理，本文通过实名认证处理。登录 DCloud

2024年02月08日
浏览(76)
教你在HbuilderX上使用模拟器运行uni-app,良心教学！！！

事先声明：本人电脑为windows操作系统，只能使用Android模拟器，因此只对Android模拟器(以逍遥模拟器为例)进行介绍一、下载安装HbuilderX和逍遥模拟器（准备工作）二、添加adb.exe到环境变量三、在HbuilderX中连接模拟器一、下载安装HbuilderX和逍遥模拟器（准备工作） 1.下载安装

2024年02月05日
浏览(78)
HBuilderX中uni-app真机运行调试未检测到手机解决方法

1、在电脑端安装手机助手，例如华为的华为手机助手。 2、在HBuilderX中设置adb路径（就是电脑上安装的手机助手的路径） 3、助手链接手机，进入手机打开设置=》关于手机，不停点击版本号，直到提示，已开启开发者模式。 4、在设置里搜索开发人员选项。打开开发人

2024年02月09日
浏览(85)
【uni-app】uni项目打包微信小程序中使用 ECharts (mpvue-echarts)

在小程序里画图表，uniapp 不想引入 u-charts怎么办，个人还是喜欢用echarts 先看成品图说明：示例下载-- 完整dom 如果你想要在单页面渲染多个图标可以看看：这里（相关文章传送门）原生小程序使用的是 echarts-for-weixin ，具体地址如下： https://github.com/ecomfe/echarts-for-weixin 想在

2024年02月07日
浏览(60)
『UniApp』uni-app-打包成App

大家好，我是 BNTang, 在上一节文章中，我给大家详细的介绍了如何将我开发好的项目打包为微信小程序并且发布到微信小程序商店趁热打铁，在来一篇文章，给大家详细的介绍如何将项目打包成APP。打包 App 也是一样的，首先需要配置关于 App 应用的基础信息，打开 manifest

2024年02月04日
浏览(108)