如何快速使用“知窗”将网页打包成为 Windows 桌面应用 @杨章隐
在很多实际业务中我们都会遇到这样一个问题系统已经是 Web 的但客户却希望有一个“桌面应用”。比如工厂标签打印系统仓库管理系统内部 ERP / OA收银、前台系统用户不想打开浏览器输入网址处理各种兼容问题他们只想双击一个图标直接打开系统这时候一个非常实用的方案就是 把网页打包成 Windows 桌面应用一、常见方案的问题很多人第一反应是用 Electron但在实际项目中会遇到几个问题1️⃣ 体积过大一个简单网页打包出来 200MB 起步2️⃣ 启动慢Electron 本质是 启动一个 Chromium 浏览器3️⃣ 对 Windows 原生支持弱对于安装体验快捷方式系统集成 不够“像一个 Windows 软件”二、更适合的方案WPF WebView2这也是我这个项目“知窗zing-desktop”采用的方案。一句话总结 用原生 Windows 窗口承载 Web 页面技术组合WPF桌面 UIWebView2Edge 内核三、知窗zing-desktop是做什么的它本质是一个网页 → Windows 应用 的打包工具核心能力✅ 1. 一键打包.\package.ps1 -Runtime win-x64 -Url https://your-site.com直接生成安装包zip可执行应用✅ 2. 启动即打开网页应用启动后 自动加载你指定的 URL无需浏览器参与✅ 3. 单例运行重复打开不会多开窗口会自动唤起已有实例 这点对业务系统非常重要✅ 4. 标准 Windows 安装体验支持安装到用户目录创建桌面图标开始菜单入口 用户体验接近“真正软件”四、核心实现原理简单但关键整个流程其实很清晰Step 1WPF 创建窗口var window new MainWindow(); window.Show();Step 2WebView2 加载页面webView.Source new Uri(url);Step 3读取配置{ url: https://example.com }支持打包时注入-Url https://xxxStep 4打包发布通过 PowerShellpackage.ps1完成编译打包生成安装脚本五、使用方式最关键部分1️⃣ 打包一个系统powershell -NoProfile -ExecutionPolicy Bypass -File .\package.ps1 -Runtime win-x64 -Url https://example.com/leke/lekeProductList2️⃣ 分发给用户发送Desktop_Setup.zip3️⃣ 用户安装双击install.cmd完成安装应用创建桌面图标4️⃣ 用户使用 双击桌面图标 直接进入系统
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2422405.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!