把uniapp项目打包成exe

原创

已于 2023-12-18 17:56:20 修改 · 1.2k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #前端

于 2023-12-09 14:52:54 首次发布

uniapp项目打包为桌面应用的方法步骤_uniapp打包桌面应用-优快云博客

参考上面流程，主要是根据下面的这个插件的流程

h5打包exe，uniapp打包桌面应用exe，mac，electron方式 - DCloud 插件市场

1.安装nodejs

百度一下（已安装的跳过）

检查系统变量path里有没有

C:\Users\你的用户名\AppData\Roaming\npm

2、安装electron（主程序）

这里代码是全局安装，个人推荐，局部安装的查阅本文档第一行的官方文档里

npm install electron -g

3、安装electron-packager（打包用）

npm install electron-packager -g

4、uniapp的manifest.json修改

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Ya0Chen

关注关注

13
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【uni-app系列】uni-app之App打包

邓邓子的博客

08-29

1万+

App 离线开发工具包，即 App离线SDK，是把 App 运行环境（runtime）封装为原生开发调用接口，开发者可以在自己的 Android 及 iOS 原生开发环境配置工程使用，包括 Android离线开发SDK 及 iOS离线开发SDK。2.7.0 之后提供 HBuilder-Integrate-AS 工程，可以直接导入HBuilder-Integrate-AS 工程，直接运行 simpleDemo 项目即可。在 “个人中心” -> “账号信息” 中进行认证操作，输入认证信息并提交。...

uni-app如何打包成apk,完整版3分钟了解简单打包apk

Leijiang0504的博客

02-11

7957

如果是小白请按照我的步骤一步一步来，基本不会出现问题第一步：进入Hbuildre,点击发行----原生app本地打包-----生成本地APP打包资源第二步：打包成功生成打包资源及资源目录三，解压Android-SDK@2.7.14.80255_20200619.zip 注意：这里的解压文件你们可以在网上找，也可以关注我去我的下载资源里下载这里是链接 uniapp打包成apk---完整解压资源sdk-互联网文档类资源-优快云下载第四步：安装生成uni-app 为app的软件a

参与评论您还未登录，请先登录后发表或查看评论

uniapp项目打包为exe全流程

最新发布

分享前端技术

06-05

1991

本文详细介绍了将UniApp项目打包成.exe桌面软件的完整流程（截至2025年6月测试有效）。主要步骤包括：1）使用HBuilderX将项目编译为Web包；2）通过electron和electron-builder进行桌面端打包；3）编写必要的package.json和main.js配置文件；4）生成ico图标文件；5）使用cnpm安装依赖环境；6）最终生成可安装的exe程序。整个过程涵盖了从Web配置修改、依赖安装到打包发布的各个环节，并提供了关键配置代码示例和注意事项。

uniapp打包桌面应用exe，h5打包exe，mac，electron方式

lyx32609的博客

08-23

1676

uni-H5打包exe

uniapp Electron打包生成桌面应用exe文件

qq_36158551的博客

12-02

2116

Electron文档Electron 是一个基于 Node.js 和 Chromium 的桌面应用程序开发框架，它使开发人员能够使用 Web 技术（HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序。它已经被众多知名公司使用，例如 GitHub、Slack、Microsoft 等等。本文将介绍如何使用 Electron 开发桌面应用程序。Electron 使用 JavaScript、HTML 和 CSS 构建跨平台的桌面应用程序。

uniapp 打包生成EXE文件

超超在搬砖的博客

02-26

7237

*uniapp及vue 打包electron生成EXE文件，并讲解给.exe新增头部菜单

UniApp 打包项目为桌面端 exe 文件

qq_42072014的博客

07-26

4257

通过 UniApp，你可以使用 Vue.js 的语法结构和组件系统来构建原生应用、Web 应用甚至是桌面应用。本文将详细介绍如何使用 UniApp 将你的项目打包成 Windows 桌面端的 exe 文件。这样，你的应用程序就可以在 Windows 平台上运行，为用户提供更加丰富的用户体验。UniApp 的强大之处在于它的跨平台能力，而将其扩展到桌面端则进一步拓宽了它的应用场景。如果你已经有了一个 UniApp 项目，确保它已经包含了你需要的所有功能。打包完成后，你会在项目的。目录下创建相应的文件。

uniapp打包PC桌面应用exe

qq_29516211的博客

11-11

1716

uniapp项目打包为桌面应用exe的方法步骤。

Uniapp把项目打包成app的步骤

fallsTheDust的博客

04-25

5906

uniapp把项目打包成app的详细步骤

uniapp打包桌面应用exe

z_星河的博客

09-01

5289

本文仅简单介绍了uniapp打包桌面应用exe，运行命令打包，然后项目中会出现一个App-win32-x64的文件夹，这个文件就是打包好的桌面应用，文件夹里有一个App.exe文件，App.exe就是这个项目的启动文件

用 Electron 将 UniApp 封装为 EXE 指南

繁依Fanyi的博客

02-21

2117

最近想要制作一个 Windows 工具箱，所以需要多集合一些功能。之前用 uniapp 制作了一些功能，为了省事，所以想要把部分 uniapp 封装成 exe 来丰富功能。看了一下，由于 uniapp 并未提供打包 exe 的方法，所以需要借助 electron 来对编译后的内容进行打包。最近萌生了制作一个的想法，希望它能整合多种实用功能，方便日常使用。由于之前用制作了一些工具，为了节省开发时间和重复工作量，我决定将部分 UniApp 项目封装为，以丰富工具箱的功能。

UNIAPP打包成H5之后，打包成exe文件

WQ564156的博客

05-22

2115

使uniapp的H5项目打包为exe桌面应用

uniApp h5项目/小程序项目通过命令行打包一个项目二端适配

Gblfy_Blog

04-19

7704

uniApp h5项目通过命令行打包，并生成指定路径、文件名称

uniapp项目打包（安卓apk和微信小程序）

夏夜追凉丶的博客

09-11

4326

uniapp项目打包（安卓apk和微信小程序）

把uniapp打包成exe出现的页面样式的混乱的问题

hcy5201314521的博客

12-19

631

在桌面应用里，因为未知的原因uniapp计算出来的字体大小比在你的浏览器里大一倍。注意：之后设计的时候把高度建议稍微小一点，给标题和菜单栏留一些空间。接下来你需要查的就是，uniapp是基于什么来计算这个尺寸的。在代码中，这个查询字体是设置的什么大小?

如何用uniapp打包桌面客户端exe包，vue或者uni项目如何打包桌面客户端之electron开发-优雅草央千澈以开源蜻蜓AI工具为例子演示完整教程-开源代码附上

一颗优雅草科技-央千澈的优快云博客~只想无穷无尽的学习~作息早8-晚8

01-01

664

但是有一点，切记，node 对版本管理很麻烦，开发环境是什么版本，一定要记下来 v21.1.0 这是蜻蜓AI智能工具前端的node版本，如果版本不对应一定会有很多问题导致运行不起来，因此我们nvm安装这个版本。我们一定更要对很多事物的基本概念要清楚，不然的话做什么都是蒙的，反正优雅草央千澈就是这样的，不管做什么要知道其基础概念，有必要的情况会究其原理。大家看到扩展知识的描述了吗，对的，支持Windows、macOS和Linux，那么核心就是如果开发桌面端，我们可以优先考虑Electron。

uniapp项目打包为桌面应用

ASP.NET

08-24

3799

安装electron cnpm install electron -g 安装electron-packager cnpm install electron-packager -g uniapp的manifest.json修改 H5打包 H5文件夹下新建package.json和main.js 新建package.json { "name" : "app-name", "version" : "0.1.0", "main" : "main.js" } 新.

hbuilderx开发uniapp项目，打包成apk

05-29

### HBuilderX UniApp 打包 APK教程使用HBuilderX开发UniApp项目并打包成APK文件是一个相对简单的过程，以下是详细的说明： #### 1. 前提条件在HBuilderX.exe软件中，确保已登录自己的账号[^2]。同时，在dCloud官网也需登录相同的账号。如果没有账号，可以免费注册。 #### 2. 配置manifest.json文件打开uniapp工程中的`manifest.json`清单配置文件，完成基础配置。在此文件中，可以设置版本名称、版本号、应用名称以及AppID等信息。如果未配置AppID，可以通过点击“重新获取”按钮来生成一个新的AppID[^3]。 #### 3. 获取uni-app标识点击`manifest.json`文件后，点击“重新获取”按钮以获取新的uni-app标识。这一步非常重要，因为该标识用于区分不同的应用[^2]。 #### 4. 进入dCloud开发者后台登录dCloud开发者后台后，系统会自动为项目创建相应的应用记录。此时可以在后台查看到项目的相关信息。 #### 5. 开始打包 - 点击HBuilderX中的“发行”按钮，并选择箭头指定的打包选项。 - 在弹出的页面中，填写必要的信息，包括证书文件、证书密码、私钥密码和证书别名。 - 如果尚未创建证书，可以通过dCloud开发者后台找到对应的证书并点击“创建”按钮生成。证书密码可以通过点击“查看证书密码”来显示。 #### 6. 渠道打包（可选）如果需要为不同的渠道生成不同的APK文件，可以在源码视图中添加渠道配置。将以下代码放入源码视图的根目录中： ```json "channel_list": [ { "id": "chuizi", "name": "锤子应用市场" }, { "id": "meizu", "name": "魅族应用市场" } ] ``` 通过这种方式，可以自定义支持的渠道[^4]。 #### 7. APK文件路径打包完成后，APK文件的路径会自动显示在HBuilderX的控制台中。可以根据提示找到生成的APK文件并进行分发或上架审核[^2]。 ### 注意事项 - 确保在打包前完成所有必要的测试，避免因功能不完善导致上架失败。 - 如果需要离线打包，可以参考HBuilder-Integrate-AS目录中的示例项目进行配置[^1]。