网页打包成桌面应用？这款开源神器一键完成，非常强大！

最新推荐文章于 2024-09-10 11:14:33 发布
最新推荐文章于 2024-09-10 11:14:33 发布
阅读量274 收藏 1
点赞数
原文链接：https://mp.weixin.qq.com/s?__biz=MzU4MDUyMDQyNQ==&mid=2247537162&idx=1&sn=35c6e3b5e2d74447c85b22a34a6d17c0&chksm=fc94e85dae7c266e56e63cde414d3dc3e0447521d06f103beea8b3e70ee5cee514a6059879ce&scene=126&sessionid=0
版权

8fd0bf086ebcbcbfc5a01e3504f4aefb.jpeg来源：极客之家

👉 欢迎加入小哈的星球 ，你将获得: 专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡 /  每月赠书

新项目:仿小红书(微服务架构)正在更新中... , 全栈前后端分离博客项目 2.0 版本完结啦， 演示链接：http://116.62.199.48/ 。全程手摸手，后端 + 前端全栈开发，从 0 到 1 讲解每个功能点开发步骤，1v1 答疑，直到项目上线。目前已更新了261小节，累计43w+字，讲解图：1806张，还在持续爆肝中.. 后续还会上新更多项目，目标是将Java领域典型的项目都整一波，如秒杀系统, 在线商城, IM即时通讯，Spring Cloud Alibaba 等等，戳我加入学习，已有1500+小伙伴加入(早鸟价超低)

80ad2416a7e415b493f630f5ff787a5f.gif

  • 优势

  • 使用

    • 命令行打包

    • 定制开发

  • 经典打包案例

  • 开源地址

今天给大家带来一款非常实用且强大的开源工具——Pake。

6ae91f1bd5033a29111713252783632e.png
图片

这是一款新颖且极具创新性的桌面应用开发框架，它巧妙地运用了Rust语言的高性能特性，结合Tauri框架的强大功能，实现了将网页内容转化为小巧玲珑的桌面应用的新思路。

它可以将任何网页转换为跨平台桌面应用，让你轻松拥有定制版网页应用。

优势

  • 相比传统的Electron，要小近20倍，5M上下。

  • Pake 的基础使用 Rust Tauri 框架，性能体验较 JS 框架要轻快显着，内存小很多。

  • 不是简单的资源，实现了快捷键的透传、沉浸式的窗口、拖动、样式改写、去广告、产品的极简风格定制。

  • 只是一个很简单的小玩具，用Tauri替代传统老思路，其实PWA也很好。

基于以上强大优势，Pake在业界崭露头角，在GitHub上收获23.3k star，受到众多开发者追捧。

使用

命令行打包

Pake 提供了一个命令行工具，使包定制流程更快、更容易。

# Install with npm
npm install -g pake-cli

# Command usage
pake url [OPTIONS]...

# Feel free to play with Pake! It might take a while to prepare the environment the first time you launch Pake.
pake https://weekly.tw93.fun --name Weekly --hide-title-bar
94abaae9a8c83c6220b368471996cc14.gif
图片

定制开发

如果你还不满足一键打包网页的功能，你还能针对打包的网页，进行专属于你的定制化开发。

开始前请确保电脑已经安装了 Rust  和 Node  的环境，此外需参考 Tauri 文档 快速配置好环境才可以开始使用，假如你太不懂，使用上面的命令行打包会更加合适。

https://tauri.app/v1/guides/getting-started/prerequisites/

# 安装依赖
npm i
 
# 本地开发[右键可打开调试模式]
npm run dev
 
# 打包应用
npm run build

经典打包案例

e4d0003ba3872fb9fd48d8c198c2f55a.jpeg
图片
a118b1a46aa009bfff5fb54254d1a57c.jpeg
图片
a3627a7fd66d76d8499e0314b3a849de.jpeg
图片

整体来看，也有点类似小程序，可以把web系统打包成电脑桌面应用，同时操作体验上大大超过原生的web页面，这个简洁而灵活的工具真心不错，非常值得推荐，我相信对于很多开发者都有帮助！

开源地址

https://github.com/tw93/Pake

👉 欢迎加入小哈的星球 ，你将获得: 专属的项目实战 / Java 学习路线 / 一对一提问 / 学习打卡 /  每月赠书

新项目:仿小红书(微服务架构)正在更新中... , 全栈前后端分离博客项目 2.0 版本完结啦， 演示链接：http://116.62.199.48/ 。全程手摸手，后端 + 前端全栈开发，从 0 到 1 讲解每个功能点开发步骤，1v1 答疑，直到项目上线。目前已更新了261小节，累计43w+字，讲解图：1806张，还在持续爆肝中.. 后续还会上新更多项目，目标是将Java领域典型的项目都整一波，如秒杀系统, 在线商城, IM即时通讯，Spring Cloud Alibaba 等等，戳我加入学习，已有1500+小伙伴加入(早鸟价超低)

ecbd13006329c8def561ea0573b76ffc.gif

ed62c53327e260c4a9f46292b36e0bdb.jpeg

 
 
5cee4961e6b3fea8758d184be86af8a3.gif
 
 
 
 
 
 
1. 我的私密学习小圈子~
2. Spring Boot + URule 实现可视化规则引擎，太优雅了！
3. 接口设计的18条军规
4. 一款 IDEA Mybatis插件：极大提升 CRUD 效率，堪称神器！
 
 
 
 
最近面试BAT，整理一份面试资料《Java面试BATJ通关手册》，覆盖了Java核心技术、JVM、Java并发、SSM、微服务、数据库、数据结构等等。
获取方式：点“在看”，关注公众号并回复 Java 领取，更多内容陆续奉上。
 
 
PS：因公众号平台更改了推送规则，如果不想错过内容，记得读完点一下“在看”，加个“星标”，这样每次新文章推送才会第一时间出现在你的订阅列表里。
点“在看”支持小哈呀，谢谢啦
 


                

        

        

    

  


    

      

        

            

              
                
                  犬小哈
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
如何把web项目打包成桌面应用程序

				
			

			

				

					coolbreezesun的博客
				

				

					06-10
					
					6663
					
				

			

		

		

			
				
如何把web项目打包成桌面应用程序
1. 下载并安装Node.js，下载连接https://nodejs.org/en/
2.检查是否安装成功
输入 “node -v” ，回车，显示Node版本；再输入 “npm -v” ，回车，如果正常显示npm版本，说明你安装成功了

3.安装Electron环境。
新建一个文件夹1，在文件夹1中再新建一个文件夹2 ，打开文件夹2，“打开Windows PowerShell”。输入初始化命令，“npm init”，回车，输入yes。entry point修改为main.

			
		

	



                

            
              



	

		

			

				
					
打包1阶段-WEB应用打包成桌面应用

				
			

			

				

					weixin_42910765的博客
				

				

					03-14
					
					1986
					
				

			

		

		

			
				
最近公司让我接触了一些WEB应用打包成桌面应用方面的内容，下面就是我整理的内容：
一、首先我先介绍一下 node-webkit
node-webkit是一个Chromium和node.js上的结合体，通过它我们可以把建立在chrome浏览器和node.js上的web应用打包成桌面应用，而且还可以跨平台的哦。
按我自己的简单理解 就是去掉了游览器上面的栏了，然后node-webkit这个是个框，把你...

			
		

	



              


  
              

                


	

		

			

				
					
【前端】网页多平台桌面打包工具 electron  和  electron-packager 的使用

				
			

			

				

					Code Metaverse
				

				

					04-30
					
					4137
					
				

			

		

		

			
				
前言

现在很多平台上的桌面应用，都是直接通过js项目打包的。我在一个项目桌面项目的源码中，找到了一个打包工具，叫做electron。

下面通过实际部署，学习下这个工具的使用。



教程



electron是什么


  Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.j...

			
		

	





	

		

			

				
					
electron: 将网址打包成exe桌面应用

					
最新发布

				
			

			

				

					weixin_44565776的博客
				

				

					09-10
					
					931
					
				

			

		

		

			
				
electron: 将网址打包成exe桌面应用

			
		

	



		

			
		



	

		

			

				
					
将一个网址 打包成桌面程序（windows、linux）

				
			

			

				

					weixin_44895040的博客
				

				

					03-21
					
					668
					
				

			

		

		

			
				
执行上述命令后，nativfier将会自动创建一个桌面程序，并在当前目录下生成一个相应的文件夹，里面包含了打包后的程序文件。首先，确保你已经安装了Node.js和npm。如果没有安装，你需要先安装它们。通过以上步骤，你就可以使用nativfier将一个网址成功打包成桌面程序了。打开终端（Terminal）或命令提示符（Command Prompt）。进入生成的文件夹，你会找到可执行文件或安装文件，具体取决于你的操作系统。请将https://example.com替换为你想要打包的网址。

			
		

	





	

		

			

				
					
Web网页生成桌面应用

				
			

			

				

					何哥的博客
				

				

					01-24
					
					2229
					
				

			

		

		

			
				
网页生成桌面指的是将一个网页保存为桌面应用程序的形式，使得用户可以在桌面上直接打开该网页，而不必通过浏览器打开。这种桌面应用程序一般具有独立的窗口、菜单、工具栏等界面元素，能够提供更加方便快捷的使用体验。实现网页生成桌面的方法有很多种，下面简单介绍几种常见的方法。

			
		

	





	

		

			

				
					
将网站打包成桌面程序并生成安装包（跨平台）

				
			

			

				

					XiaoChen10086的博客
				

				

					12-06
					
					3560
					
				

			

		

		

			
				
若想将网站封装为系统的可执行文件并生成安装包，首先可以通过Nativefier将网站打包成可执行文件，然后再使用Qt Installer Framework将可执行文件及相关数据生成系统安装包文件

			
		

	





	

		

			

				
					
【暂更】分享亲测有效的那些实用「神器」！（网站/软件/小技巧）

				
			

			

				

					IT新手的记事本
				

				

					01-08
					
					1万+
					
				

			

		

		

			
				
分享亲测有效的那些实用「神器」！（网站/软件/小技巧）
以下全部软件/网站/小技巧 都是亲测有效才分享。
部份为参考。
皆！免！费！


电脑工具



净网大师

▷http://www.ad-safe.com/
主要功能：
1.优化网路速度
2.过滤网站广告弹窗
3.过滤不良信息
支持手机与电脑。
真的非常有效，以往打开一些小说网总是有弹窗挡住文字，现在都被

			
		

	





	

		

			

				
					
机器学习/人工智能开源项目整理＜一＞

				
			

			

				

					编程大魔王
				

				

					06-17
					
					1843
					
				

			

		

		

			
				
一份关于机器学习/人工智能开源项目整理清单

			
		

	





	

		

			

				
					
2017年最牛逼的分类Android项目源码免费一次性打包下载！

					
热门推荐

				
			

			

				

					源码分享的博客
				

				

					03-29
					
					2万+
					
				

			

		

		

			
				
之前发过一个帖子，但是那个帖子有点问题我就重新发一个吧，下面的源码是我从今年开始不断整理源码区和其他网站上的安卓例子源码，目前总共有810套左右，根据实现的功能被我分成了100多个类，总共接近2.5G，还在不断更新。初学者可以快速方便的找到自己想要的例子，大神也可以看一下别人的方法实现。虽然的例子都是我一个人辛辛苦苦花了很多时间和精力整理的，但是既然这些例子是来自于社区那就让他们免费回归社区吧，（...

			
		

	





	

		

			

				
					
GitHub 上值得收藏的100个精选前端项目！你知道几个？

				
			

			

				

					phpyasi520的博客
				

				

					08-22
					
					1216
					
				

			

		

		

			
				
关注小编，回复“1”

加入我们一起学习，天天进步







引言

整理与收集的一些比较优秀github项目，方便自己阅读，顺便分享出来，大家一起学习，作者简书上文章会持续更新，版权归原作者所有。

最新更新

codepen 一个在线编辑前端项目的网站，其中有一些前端大神的作品，也有很多令人惊艳的前端效果，可以浏览和下载使用。



codrops 一系列具有相当具有创意且有趣的前端效果的集合，是非常棒的学习资料，可以欣赏和下载使用。并且有些项目，也托管到了github仓库中



docsc...

			
		

	





	

		

			

				
					
一个牛奔的Android开源大全

				
			

			

				

					watertekhqx的博客
				

				

					01-25
					
					6914
					
				

			

		

		

			
				
leobert.lan的博客 
一起学习目录视图
摘要视图
订阅
聚焦行业最佳实践，BDTC 2016完整议程公布        微信小程序实战项目——点餐系统        程序员11月书讯，评论得书啦        Get IT技能知识库，50个领域一键直达 
github上的优秀android开源项目 
2015-11-17 16:35 1219人阅读 评论(0) 收藏 举报目录(?)[+]酷

			
		

	





	

		

			

				
					
网址打包成桌面.exe

				
			

			

				

					qq_43422957的博客
				

				

					04-06
					
					1164
					
				

			

		

		

			
				
网址打包成桌面.exe

			
		

	





	

		

			

				
					
创建自己的 app： html网页直接打包成app；在线网页打包app工具fusionapp、桌面应用工具pake

				
			

			

				

					weixin_42357472的博客
				

				

					07-21
					
					2383
					
				

			

		

		

			
				
最终运行打包，点击云打包，打包会下载东西等一会，下载完成再次进行打包需要3-5分钟，最终apk放在unpackage\release\apk下。项目创建后，把原项目的css js等不用的文件删除，只保留mainfest.json;然后点击发行生成本地app资源，运行完成会下面显示导出完成，会在unpackage\resources\H5F919204\www下。权限配置这里，把android.permission.READ_CONTACTS那行删除，不然后面真正打包报错。2）hbuilderx下载使用。

			
		

	





	

		

			

				
					
将web网站打包成电脑桌面应用，electron，nativefier

				
			

			

				

					猛犸象
				

				

					01-11
					
					6268
					
				

			

		

		

			
				
项目地址：https://github.com/jiahaog/nativefier
简介
现如今，我们大多数人都拥有多台设备，至少用两个系统，除非你对苹果生态系统十分着迷，否则这些设备没有办法达到你想象中的那样无缝协作，尽管人们一直致力于不同设备之间的沟通差距。例如许多应用程序是为计算机准备的，即便你离开手机也可以使用。有时候开发人员只是发布一个Web客户端，而不是本地桌面应用。
github 上有一款神器可以将Web应用一秒创建为本地桌面应用，这款神器名字叫做——Nativefier。
nativefi

			
		

	





	

		

			

				
					
用Electron将web网页程序包装成桌面应用

				
			

			

				

					知识点沉淀包括不限于前端
				

				

					12-13
					
					6057
					
				

			

		

		

			
				
用Electron将web网页程序包装成桌面应用
前提

web 端页面，真的太容易一不小心关掉了，或者,标签页比较多的时候不太容易找到,所以决定快速包装一个

认识electron

electron快速入门

搭建electron项目

第一步 创建项目,下载依赖


mkdir my-electron-app && cd my-electron-app
npm init
npm install --save-dev electron (devDependencies:只在开发环境中使用

			
		

	





	

		

			

				
					
【electron】5分钟把网页打包成可安装的exe桌面应用

				
			

			

				

					Cipher_Y的博客
				

				

					08-08
					
					2278
					
				

			

		

		

			
				
老板们突发奇想，把现有的一个管理后台系统打包成桌面端可安装应用，当时我脑海就浮现出两套方案，Electron或Flutter的Webview来打包应用，相对来说Electron熟悉点，就优先考虑了使用Electron，当然后来也使用Flutter实现了一版，效果差别不大，我们先来看看Electron是怎么实现的。

			
		

	





	

		

			

				
					
web应用打包成桌面可执行程序

				
			

			

				

					bobozai86的博客
				

				

					12-09
					
					1万+
					
				

			

		

		

			
				
本教程旨在帮助开发人员把web应用程序打包成一个可执行的桌面应用程序，并生成一个安装包setup.exe，直接安装到本地电脑，方便用户使用。
1、背景
开发web项目时，大多数选择主流的chrome等浏览器作为开发调试工具，但最终用户可能要求兼容IE等不常用的浏览器，此时如果重新开发需要耗费很大的人力、物力。针对此种情况，可以考虑把web应用程序打包成一个桌面应用程序，既方便用户使用，又不用考

			
		

	





	

		

			

				
					
将网站打包成 .exe 桌面程序

				
			

			

				

					yrrjiayou的博客
				

				

					06-26
					
					947
					
				

			

		

		

			
				
将网页打包成 .exe 桌面程序

			
		

	





	

		

			

				
					
Alt-F：DLink NAS设备的开源替代固件，功能强大

				
			

			

				

					
				

			

		

		

			
				
Alt-F是一个针对DLink DNS-320系列设备...Alt-F为DLink DNS-320系列提供了一种强大而灵活的开源解决方案，不仅扩展了设备的功能，还通过用户友好的管理界面简化了设置和维护过程，是DIY爱好者和网络管理员的优秀选择。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值