标签： tauri

发布于

JavaScript内核与高级编程之：`JavaScript` 的 `Tauri`：其在桌面应用中的 `Rust` 后端和 `Web` 前端。

各位观众老爷们，大家好！今天咱们来聊聊一个非常有意思的技术——JavaScript的Tauri。这玩意儿啊，能让你用熟悉的JavaScript撸前端，再用Rust写个硬核的后端，最后打包成一个桌面应用。是不是听起来就很带劲？ 废话不多说，咱们直接上干货。 开场白：为什么是Tauri？ 先说说为啥要用Tauri。现在桌面应用开发的选择很多，Electron很流行，但是Electron最大的问题是体积太大，而且性能也没那么好。Tauri就聪明多了，它用Rust做后端，Rust的性能那是杠杠的，编译出来的体积也小。前端呢，还是用你熟悉的HTML、CSS、JavaScript。相当于Electron的瘦身加强版。 第一部分：Tauri架构剖析 Tauri本质上是一个用Rust编写的框架，它利用系统WebView（比如Windows上的WebView2，macOS上的WebKit）来渲染前端。这就像搭积木，Rust后端提供动力和控制，WebView负责显示界面。 Tauri的核心组件： Tauri Core (Rust): 这是Tauri的大脑，负责处理窗口管理、事件循环、系统调用等等。 Web …

继续阅读“JavaScript内核与高级编程之：`JavaScript` 的 `Tauri`：其在桌面应用中的 `Rust` 后端和 `Web` 前端。”

发布于

如何利用 `Tauri` 或 `Electron`，将 Vue 应用打包为功能强大的桌面应用，并与原生系统 API 交互？

各位观众，各位朋友，晚上好！我是你们的老朋友，代码界的段子手。今天咱们不讲段子，讲点实在的，聊聊如何把Vue这匹小野马，驯服成一个桌面端的可靠座驾，也就是如何用Tauri或Electron把Vue应用打包成桌面应用，并且让它能和咱们电脑的原生系统API眉来眼去。 咱们这次的讲座，分成三个部分： 选妃记：Tauri vs. Electron，谁更适合你？ Vue的华丽变身：从网页到桌面，这中间发生了什么？ 勾搭原生API：让你的桌面应用更懂你。 一、 选妃记：Tauri vs. Electron，谁更适合你？ 话说这后宫佳丽三千，各有千秋。Tauri和Electron，都是打包Vue应用的利器，但脾气秉性大不相同。咱们先来了解一下她们的背景： Electron: 这位是老牌贵族，出身名门，基于Chromium和Node.js。简单粗暴，直接把整个浏览器内核塞到你的应用里，优点是兼容性好，社区庞大，啥问题都能找到人问。缺点是体积庞大，吃内存像个无底洞。 Tauri: 这是后起之秀，血统纯正，基于Rust和WebView (比如Windows上的WebView2, MacOS上的WKWebV …

继续阅读“如何利用 `Tauri` 或 `Electron`，将 Vue 应用打包为功能强大的桌面应用，并与原生系统 API 交互？”

发布于

如何利用 `Tauri` 或 `Electron`，将 Vue 应用打包为功能强大的桌面应用，并与原生系统 API 交互？

各位观众，欢迎来到今天的 "Vue 应用变身桌面侠" 讲座现场！ 今天咱们不聊虚的，直接上手，把 Vue 写的网页应用，摇身一变，变成能在电脑上跑的桌面程序，还能跟系统玩点“亲密互动”。 咱们就拿 Tauri 和 Electron 这俩“神器”开刀，手把手教你把 Vue 应用打包成桌面应用，还能调用原生 API，让你的应用“上天入地，无所不能”。 第一节：热身运动：Tauri vs Electron，谁才是你的菜？ 先来个小小的“选秀”环节，Tauri 和 Electron 都是桌面应用开发的利器，但风格不太一样。 特性 Tauri Electron 技术栈 Rust + WebView (系统自带) JavaScript + Chromium 体积 小巧玲珑 (几 MB) 略显臃肿 (几十 MB 起步) 性能 优秀 (Rust 扛把子) 还可以 (毕竟 JS) 资源占用 低 (省电小能手) 较高 (吃内存小能手) 安全性 高 (Rust 的优势) 相对较低 (JS 的锅) 跨平台 支持 (主流平台) 支持 (主流平台) 学习曲线 稍高 (Rust 需要啃一下) 较 …

继续阅读“如何利用 `Tauri` 或 `Electron`，将 Vue 应用打包为功能强大的桌面应用，并与原生系统 API 交互？”

发布于

如何利用 `Tauri` 或 `Electron`，将 Vue 应用打包为功能强大的桌面应用，并与原生系统 API 交互？

各位观众老爷们，大家好！今天咱们开个小讲座，主题是“Vue 应用变身记：Tauri 和 Electron 助你打造桌面超能力”。 咱们要让 Vue 应用从网页小清新，摇身一变，成为功能强大的桌面应用，还能跟系统 API 亲密互动，想想是不是有点小激动？ 开场白：网页到桌面，不止是换个壳 咱们都知道 Vue 是个前端框架，擅长构建用户界面。但浏览器毕竟有它的局限性，有些系统级别的操作，比如访问摄像头、操作文件系统、监听硬件事件，浏览器出于安全考虑，一般是不允许的。这时候，我们就需要 Tauri 和 Electron 这两个神器来帮忙了。 它们俩的作用，简单来说，就是给你的 Vue 应用套上一层“桌面外壳”，让它可以像普通的桌面应用一样运行，并且可以通过特定的 API，调用操作系统的功能。 第一幕：主角登场，Tauri vs. Electron 在开始“变身”之前，我们先来认识一下今天的主角：Tauri 和 Electron。 特性 Tauri Electron 底层技术 Rust + 系统 WebView Chromium + Node.js 包大小 非常小 (几 MB) 较大 (几十 …

继续阅读“如何利用 `Tauri` 或 `Electron`，将 Vue 应用打包为功能强大的桌面应用，并与原生系统 API 交互？”

发布于

解释 Vue 在桌面应用开发中的应用，例如 Electron 或 Tauri。

各位观众老爷，晚上好！我是你们的老朋友，今天咱们聊聊Vue在桌面应用开发中的那些事儿，尤其是结合Electron和Tauri这两个当红炸子鸡。 开场白：Web技术，不止于Web！ 话说当年，咱们写Web页面，浏览器就是我们的舞台。可是时代变了，Web技术就像孙悟空，七十二变，不仅能在浏览器里耍，还能跳出浏览器，在桌面应用领域大显身手。这都得益于像Electron和Tauri这样的框架，它们把Web技术和系统能力巧妙地结合起来，让咱们用熟悉的HTML、CSS和JavaScript，也能开发出媲美原生应用的桌面程序。而Vue，作为前端界的扛把子之一，自然也成了桌面应用开发中的香饽饽。 第一部分：Vue + Electron：老牌劲旅，功能强大 Electron，本质上就是一个用Chromium和Node.js构建桌面应用的框架。它允许你使用Web技术创建跨平台的桌面应用程序。简单来说，它就像一个浏览器内核（Chromium）和一个后端服务器（Node.js）的结合体，让你可以在里面跑你的Web应用，同时还能访问操作系统的底层API。 Electron的工作原理 Electron应用主要由三 …

继续阅读“解释 Vue 在桌面应用开发中的应用，例如 Electron 或 Tauri。”

发布于

阐述 Electron/Tauri 等框架如何利用 JavaScript 开发桌面应用，并比较它们在性能、安全和打包体积上的异同。

好的，各位观众老爷们，准备好你们的咖啡和键盘，今天咱们来聊聊如何用 JavaScript 这门“前端一哥”语言，来“降维打击”桌面应用开发。 别怕，这不是科幻片，而是 Electron 和 Tauri 这些框架的拿手好戏。 JavaScript “入侵”桌面：Electron 与 Tauri 的双雄会 你可能听说过，用 JavaScript 开发桌面应用，听起来有点像用勺子挖隧道，但 Electron 和 Tauri 证明了这是可行的，而且在某些场景下还相当高效。 Electron：老牌劲旅，拥抱 Web 的桌面战士 Electron 的核心思想很简单：把一个 Web 浏览器（Chromium 内核）和一个 Node.js 运行时环境塞进一个“壳”里，然后你的 JavaScript、HTML 和 CSS 代码就在这个“壳”里跑起来了。 就像把你的网页打包成了一个独立的 App，用户安装后就像安装普通桌面应用一样。 工作原理图解： +—————————————————–+ | Electron App | +—– …

继续阅读“阐述 Electron/Tauri 等框架如何利用 JavaScript 开发桌面应用，并比较它们在性能、安全和打包体积上的异同。”