Webview-Bun 开源项目教程

最新推荐文章于 2024-10-08 20:28:03 发布

薛锨宾

最新推荐文章于 2024-10-08 20:28:03 发布

阅读量650

点赞数 20

本文链接：https://blog.csdn.net/gitblog_00960/article/details/141523114

版权

Webview-Bun 开源项目教程

webview-bunBun bindings for webview, a tiny library for creating web-based desktop GUIs.项目地址:https://gitcode.com/gh_mirrors/we/webview-bun

项目介绍

Webview-Bun 是一个用于创建基于 Web 的桌面 GUI 的小型库。它通过绑定 Bun 运行时，提供了一种简单的方式来构建跨平台的桌面应用程序。该项目支持 TypeScript 和 Batchfile 语言，并且遵循 MIT 许可证。

项目快速启动

安装

首先，确保你已经安装了 Bun 运行时。然后，通过以下命令安装 Webview-Bun：

bun install webview-bun

创建一个简单的 Webview 应用

以下是一个简单的示例，展示如何创建一个基本的 Webview 应用：

import { Webview } from "webview-bun";

const html = `
  <html>
  <body>
    <h1>Hello from bun v${Bun.version}</h1>
  </body>
  </html>
`;

const webview = new Webview();
webview.setHTML(html);
webview.run();

编译为单个可执行文件

你可以将你的应用编译为一个单个的自包含可执行文件：

bun build --compile --minify --sourcemap /examples/todoapp/app.ts --outfile todoapp

应用案例和最佳实践

案例：Todo 应用

一个常见的应用案例是创建一个 Todo 应用。你可以参考项目仓库中的示例代码 /examples/todoapp/app.ts 来实现。

最佳实践

跨平台编译：使用 bun build --compile --target=bun-windows-x64 --minify --sourcemap 命令来进行跨平台编译。
隐藏终端窗口：在 Windows 上，你可以通过下载 hidecmd.bat 并执行 hidecmd.bat todoapp.exe 来隐藏终端窗口。