使用 Deno 将您的 Web 应用转换为桌面应用

您不再需要学习一门新语言来构建桌面软件。

Deno Desktop 允许您将 Web 应用打包为适用于 macOS、Windows 和 Linux 的原生应用程序。您可以利用现有的 Web 开发技能来交付桌面产品。

工作原理:

您的应用像 Web 应用一样运行。您使用 Deno.serve() 提供 HTML、CSS 和 JavaScript。然后,Deno 会在桌面窗口中打开您的应用。

其架构遵循以下流程:

• 桌面窗口 • 本地 webview • Deno.serve() • HTML 和 API 路由

这种模式具有以下优势:

  • 使用标准的浏览器 API 来构建 UI。
  • 使用 Deno API 处理后端逻辑。
  • 无需额外配置即可编写 TypeScript。
  • 复用您已掌握的 Web 开发模式。
  • 以后可以轻松切换到 Astro 或 Next.js 等框架。

Deno Desktop 是即将发布的 Deno 2.9 版本的一部分。目前可以通过 canary 版本使用。

首先,升级您的 Deno 安装:

deno upgrade canary

然后,创建一个包含简单 Deno 服务器的 main.ts 文件。使用以下命令运行您的应用:

deno desktop main.ts

这非常适合构建:

  • 内部工具
  • 管理面板
  • 开发工具
  • 本地优先 (Local-first) 应用
  • 仪表板
  • 需要本地文件系统访问权限的 AI 工具

如果您熟悉 JavaScript 和 TypeScript,今天就可以开始构建桌面软件。只需编写一个服务器,运行桌面命令,您的应用就准备就绪了。

来源:https://dev.to/marrouchi/turn-your-web-app-into-a-desktop-app-with-deno-2p7c