把uniapp项目打包成exe

已于 2023-12-18 17:56:20 修改
阅读量1.1k 收藏 14
点赞数 13
文章标签： uni-app 前端
于 2023-12-09 14:52:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hcy5201314521/article/details/134895144
版权

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（打包用）


                

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        


    

      

        

            

              
                
                  Ya0Chen
                
              
            

            

                关注
              
            

        

        

          
      

      










                



	

		

			

				
					
【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
					
					7733
					
				

			

		

		

			
				
如果是小白请按照我的步骤一步一步来，基本不会出现问题

第一步：进入Hbuildre,点击发行----原生app本地打包-----生成本地APP打包资源



第二步：打包成功生成打包资源及资源目录



三，解压Android-SDK@2.7.14.80255_20200619.zip

注意：这里的解压文件你们可以在网上找，也可以关注我去我的下载资源里下载这里是链接

uniapp打包成apk---完整解压资源sdk-互联网文档类资源-优快云下载



第四步：安装生成uni-app 为app的软件a

			
		

	



              


  
              

                


	

		

			

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

				
			

			

				

					WQ564156的博客
				

				

					05-22
					
					1959
					
				

			

		

		

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

			
		

	





	

		

			

				
					
uniapp 打包生成EXE文件

				
			

			

				

					yc1425869600的博客
				

				

					02-26
					
					6956
					
				

			

		

		

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

			
		

	



		

			
		



	

		

			

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

				
			

			

				

					qq_42072014的博客
				

				

					07-26
					
					3397
					
				

			

		

		

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

			
		

	





	

		

			

				
					
用 Electron 将 UniApp 封装为 EXE 指南

				
			

			

				

					繁依Fanyi的博客
				

				

					02-21
					
					1393
					
				

			

		

		

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

			
		

	





	

		

			

				
					
uniapp打包桌面应用exe

				
			

			

				

					weixin_46018534的博客
				

				

					01-30
					
					3240
					
				

			

		

		

			
				
uniapp使用electron打包桌面应用

			
		

	





	

		

			

				
					
uniapp打包PC桌面应用exe

				
			

			

				

					qq_29516211的博客
				

				

					11-11
					
					1377
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					lyx32609的博客
				

				

					08-23
					
					1465
					
				

			

		

		

			
				
uni-H5打包exe

			
		

	





	

		

			

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

				
			

			

				

					qq_36158551的博客
				

				

					12-02
					
					1684
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					Gblfy_Blog
				

				

					04-19
					
					6880
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

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

				

					01-01
					
					496
					
				

			

		

		

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

			
		

	





	

		

			

				
					
uniapp项目打包为exe全流程

					
最新发布

				
			

			

				

					wmy2575395858的博客
				

				

					06-05
					
					921
					
				

			

		

		

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

			
		

	





	

		

			

				
					
uniapp项目通过HbuilderX CLI进行自动化打包成apk【初出茅庐】

				
			

			

				

					lwd4039的博客
				

				

					11-02
					
					4645
					
				

			

		

		

			
				
使用HbuilderX的可视化界面打包不得不说是非常方便，云打包但是事实上，当你试图于对开发和打包的任务进行分离的时候，会发现可视化打包不符合你的需求，它无疑提高了后者的时间成本，并让进行后者操作的人一脸蒙圈，我在干啥，这个开发完打包不就行了，产生了对分离这个任务的决定的怀疑。当我想进行这项打包操作的时候，这个打包的时间成本，无疑需要加上由开发到发版的响应成本，这是损耗更有价值事情的成本。那这份成本，就需要我们进行降低

			
		

	





	

		

			

				
					
uniapp打包成html5包个ios壳,h5打包exe，uniapp打包桌面应用exe，mac，electron方式

				
			

			

				

					weixin_33816047的博客
				

				

					06-15
					
					1421
					
				

			

		

		

			
				
更新记录1.1(2020-10-13)修复打包命令出现的错误提示1.0(2020-10-13)首次发布查看更多官方文档：https://www.electronjs.org/docs1、配置镜像因为下载慢，所以。(网速快的可以跳过这步)右键我的电脑-属性-高级系统设置-高级-环境变量-新建变量名：ELECTRON_MIRROR变量值：https://cdn.npm.taobao.org/dist/...

			
		

	





	

		

			

				
					
Uniapp把项目打包成app的步骤

				
			

			

				

					fallsTheDust的博客
				

				

					04-25
					
					5840
					
				

			

		

		

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

			
		

	





	

		

			

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

				
			

			

				

					weixin_54514751的博客
				

				

					07-18
					
					6085
					
				

			

		

		

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

			
		

	





	

		

			

				
					
uni-app - 如何打包

				
			

			

				

					weixin_33895604的博客
				

				

					11-23
					
					3785
					
				

			

		

		

			
				
H5，spa应用，必须在服务器环境下运行
 
多看官方文档，打包涉及到支付、以及各平台兼容性，通过
 

 
官方API链接如下： https://uniapp.dcloud.io/platform
 
 
H5打包

 
 
 
 
Android/IOS打包

 
 
微信小程序打包
新建文件夹，把代码拷贝进去即可，再填写好appid即可.
 
 
...

			
		

	





	

		

			

				
					
hbuilderx开发uniapp项目，打包成apk

				
			

			

				

					05-29
				

			

		

		

			
				
使用HBuilderX开发UniApp项目并打包成APK文件是一个相对简单的过程，以下是详细的说明：  #### 1. 前提条件 在HBuilderX.exe软件中，确保已登录自己的账号[^2]。同时，在dCloud官网也需登录相同的账号。如果没有账号...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值