- 综合排序
- 最热优先
- 最新优先
Tauri——如何创建一个tauri项目
前言 体验下Tauri的神奇~ Tauri: https://tauri.studio/docs/getting-started/prerequisites Rust: https://www.rust-lang.org npm i -g yarn RUST安装 https://win.rustup.rs/x86_64 https://win.rustup.rs/i686 创建配置项目 创建项目 yarn create tauri-app 运行项目 要等待一段时间 yarn tauri dev
36310编辑于 2024-08-15- 来自专栏ghostsf
tauri打包问题
先把这个文件下载下来 https://github.com/wixtoolset/wix3/releases/download/wix3112rtm/wix311-binaries.zip 在缓存目录下新建 tauri 先用迅雷或者其他方法下载下来 https://ghproxy.com/https://github.com/tauri-apps/binary-releases/releases/download/nsis -3/nsis-3.zip 在上面wixtools的目录新建 NSIS，也即tauri/NSIS 然后将nsis-3.zip 解压到nsis目录 https://github.com/tauri-apps nsis-plugins-v0/NSIS-ApplicationID.zip 下载后 解压到 nsis的plugins目录下 然后将releaseunicode 下的applicationid.dll 和nsis_tauri_utils.dll 两个文件复制到 x86-unicode 目录 nsis_tauri_utils.dll下载地址 nsis_tauri_utils.dll
1.6K11编辑于 2023-12-27 - 来自专栏h5
tauri聊天应用篇|vue3+tauri桌面聊天实例
前几天有分享一篇tauri整合vue3.js创建多窗口应用，tauri封装多开窗体。 图片tauri-vue3-chat 实现了发送消息、图片/视频/网址预览、拖拽聊天区发送图片、朋友圈等功能。支持tauri打开多个窗体、更换主题皮肤等功能。 图片图片tauri+vue3登录模板图片<! })}如下图：还支持主题换肤功能图片tauri+vue3实现自定义拖拽窗口tauri-chat没有采用原生顶部导航，改用了自定义导航。配置decorations: false即可实现无边框窗口。 /api/window'import { listen } from '@tauri-apps/api/event'import { exit } from '@tauri-apps/api/process
5.4K30编辑于 2022-10-29 - 来自专栏菩提树下的杨过
tauri学习(4)-多窗口
接上节继续，今天研究tauri中的多窗口，要实现多窗口有几种方式： 一、改配置tauri.conf.json 仍然以react项目模式为例，假设我们有2个页面效果： 在浏览器中运行起来长这样： tauri 中，如果想开2个窗口，分别对应于这2个页面，可以参考下图配置： (关于windows节点下，具体有哪些属性可配置，可参考官网文档) 运行起来效果如下： 二、Rust中使用app创建窗口 use tauri ; Ok(()) }) .run(tauri::generate_context! ()) .expect("error while running tauri application"); } 运行起来后，加上方式1中的2个窗口，总共会有3个窗口： 三、前端创建窗口 3.1 使用tauri::command 上节学习过前端可以调用Rust中的方法，同样这种方式，也可以创建窗口。
3.9K20编辑于 2022-08-23 - 来自专栏h5
vite3+tauri多窗口|Tauri自定义拖拽导航|托盘
Tauri是什么？Tauri - 用 Web 前端构建更小/快/安全的桌面应用程序框架。提供了许多前端初始化框架模板。 Tauri 必须安装 WebView2 才能在 Windows 上呈现网页内容。 Rust环境https://tauri.app/zh/v1/guides/getting-started/prerequisites图片创建tauri项目npm create tauri-app图片开发 /打包tauri devtauri build图片Tauri封装多窗口图片/** * @desc 窗口容器 * @author: YXY Q：282310962 * @time 2022.10 , exit } from '@tauri-apps/api/process'import { emit, listen } from '@tauri-apps/api/event'import { setWin
6.2K70编辑于 2022-10-23 - 来自专栏菩提树下的杨过
tauri学习(1)-初体验
/src 是标准的react目录，src-tauri则是tauri的rust代码目录，可以打开tauri.conf.json看一眼： 建议将默认的identifier改掉，不然生产环境无法正常打包。 tips：思考一下，其实tauri 应用在运行时，内嵌的react也必然会启一个端口对吧？ 看上图，3001端口(左上)，是单独用npm run start启动的，而3000端口(右上)是启用tauri 桌面应用时，自动启动的，最下面的就是套了壳的tauri。 最后看看如何打包部署： npm run tauri build 会在target/release/bundle下生成dmg安装文件，以及可执行应用tauri-hello.app 看下它们的大小： 参考文档： https://tauri.app/v1/guides/
1.6K10编辑于 2022-08-23 - 来自专栏菩提树下的杨过
tauri学习(7)-事件(event)
接上节继续，今天来研究tauri的事件(event)，假设老板提了个需求，希望能实时监控cpu、内存等性能指标，你会怎么做？ 思路1： 后端Rust暴露1个command，前端js不停去轮询(参考前文：tauri学习(3)-前端调用Rust代码)，即传统的pull模型。 理论上二种思路都可以，今天讨论的是第2种，通过tauri的事件触发与监听来实现，而且event机制不仅仅限制于前端与后端通讯，还可以在前端-前端，后端与后端（多窗口应用，窗口之间）交换数据）。 /api/tauri"; //监听事件 import { listen } from "@tauri-apps/api/event"; //用于格式化date import format from 'date-fns /tree/event 参考文章： https://tauri.app/v1/guides/features/events
2.7K10编辑于 2022-09-26 - 来自专栏码客
桌面端程序开发-Tauri入门
设置项目初始化配置 运行 cd tauri01 npm install npm run tauri dev 目录结构 打包 修改 tauri.config.json 中 tauri.bundle.identifier the `tauri://created` and `tauri://error` to notify you of the creation response webview.once('tauri 事件系统 前端触发并监听方法： import { invoke } from "@tauri-apps/api/tauri"; import { listen } from '@tauri-apps/api ()) .expect("error while running tauri application"); } HTTP请求 使用 tauri 访问HTTP请求需要在tauri.conf.json \tauri01\src-tauri\target\debug\ $TEMP import { copyFile,createDir, BaseDirectory } from '@tauri-apps
8.1K20编辑于 2023-03-06 - 来自专栏旅途散记
使用Tauri开发桌面应用
本文是对视频 Tauri入门教程[1]的学习与记录 Tauri官网[2] 对 node版本有要求 创建项目及目录介绍: 项目的目录结构如下 可以安装推荐的插件 执行npm run tauri build 出错,根据 https://github.com/tauri-apps/tauri/issues/7430 执行 yarn add -D @tauri-apps/cli && yarn install } from "vue"; // When using the Tauri API npm package: import { invoke } from '@tauri-apps/api/tauri package: import { invoke } from '@tauri-apps/api/tauri'; import { listen } from '@tauri-apps/api/event Mac下的打包 npm run tauri build 或 cargo tauri build npm run tauri build > tauri-app@0.0.0 tauri > tauri
2.1K60编辑于 2023-11-16 - 来自专栏程序那些事儿
Electron vs Tauri 全方位对比
Tauri Tauri 是一个框架，用于为所有主要桌面平台构建微小、极快的二进制文件。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架来构建他们的用户界面。 Electron vs Tauri Electron 的安装包通常都要几十 M，而 Tauri 只有几 M，在这点上，Tauri 完全碾压 Electron。 Tauri 打包的应用程序是二进制的，因此逆向破解不容易，而对于 electron 应用可以通过 npm 命令进行加压缩应用程序。 在启动时间上 Tauri 相对也要快一些，这也是很多 electron 应用被人诟病最多的点。 对于 Tauri 来说，我们需要自己维护更新服务器。
3.5K50编辑于 2023-03-07 - 来自专栏菩提树下的杨过
tauri学习(5)-Splashscreen启动界面
在tauri中也有二种实现方式： 一、前端与Rust配合 1.1 先调整tauri.config.json 要点在于：将主窗口home隐藏，然后将splashscreen窗口显示，为了简单，这里只显示 react的public目录下 这样启动时，就只会显示splashscreen窗口，然后在main.rs中暴露1个方法： 1.2 前端监听DOMContentLoaded事件 前文讲过，如何在js中获取tauri window的引用，这里就用上了，大致思路是主界面的dom加载完成后，调用api把spashscreen关掉，然后显示出主窗口 运行效果： 二、纯Rust代码实现 use tauri::Manager unwrap(); // we perform the initialization code on a new task so the app doesn't freeze tauri 参考文章： https://tauri.app/v1/guides/features/splashscreen
2.7K10编辑于 2022-08-23 - 来自专栏h5
tauri2.0-winos基于vite6+tauri2+vue3客户端os系统
经过半个月的高强度研发，原创自研Tauri2.0-Vue3-MacOS客户端OS桌面系统终于宣告完结。tauri2-vue3os支持macos和windows两种桌面风格。 技术栈技术框架：vite^6.0.3+vue^3.5.13+vue-router^4.5.0跨平台框架：tauri^2.1.1UI组件库：@arco-design/web-vue^2.56.3 (字节桌面版 项目结构框架使用最新版tauri2.0跨平台框架，搭配vite6.x极速构建桌面项目框架。支持自定义json配置桌面菜单和Dock菜单，支持主窗口和独立新窗口打开路由页面。 tauri.conf.json配置{ "$schema": "https://schema.tauri.app/config/2", "productName": "tauri2-viteos", "version": "0.1.0", "identifier": "com.tauri2-viteos.app", "build": { "beforeDevCommand": "yarn
68120编辑于 2024-12-23 - 来自专栏h5
tauri2.x-admin基于vue3+tauri2+pinia2客户端后台系统
最近比较热门的跨端框架当属于tauri2.0了。tauri v2有了很多新的功能升级，而且还支持创建android/ios应用。 趁着这股热度，花了大半个月时间开发了一款tauri2+vue3桌面端后台管理系统。 tauri2-admin使用最新版tauri v2集成vite.js搭建项目模板，采用vue3 setup语法编码开发。 /api/window' import { listen } from '@tauri-apps/api/event' import { exit } from '@tauri-apps/plugin-process /index.scss';</style>tauri2-admin国际化配置tauri2-admin使用vue-i18n设置国际化多语言支持。
1.1K10编辑于 2024-10-15 - 来自专栏快乐阿超
html构建桌面端应用框架tauri
——罗曼·罗兰 分享一个用html、css、javascript构建桌面端应用的另一个框架 https://tauri.app/ https://github.com/tauri-apps/tauri tauri dev > tauri-app@0.0.0 tauri /Users/achao/IdeaProjects/simple-tauri/tauri-app > tauri "dev" 启动项目 GithubIireAchao:tauri-app achao$ pnpm tauri dev > tauri-app@0.0.0 tauri /Users/achao/IdeaProjects /simple-tauri/tauri-app > tauri "dev" Running BeforeDevCommand (`pnpm dev`) > tauri-app@0.0.0 /tauri-app/src-tauri for changes...
50210编辑于 2024-08-23 - 来自专栏菩提树下的杨过
tauri学习(6)-系统托盘systemTray
一、tauri.conf.json配置启用系统托盘 二、Rust中添加托盘 运行效果： 但是只有一个托盘图标，点了啥反应都没有。 三、给托盘加菜单 效果： 接下来，给托盘及托盘菜单添加事件响应： use tauri::{ CustomMenuItem, Manager, SystemTray, SystemTrayEvent .system_tray(system_tray) .on_system_tray_event(|app, event| menu_handle(app, event)) .run(tauri ()) .expect("failed to run app"); } fn menu_handle(app_handle: &tauri::AppHandle, event: SystemTrayEvent unwrap(); } } _ => {} }, _ => {} } } 核心都在menu_handle函数中 参考文章： https://tauri.app
1.9K10编辑于 2022-08-23 - 来自专栏前端进阶-詹躲躲
Tauri打包配置及报错处理
Tauri打包配置及报错处理 创建应用 pnpm create tauri-app 打包 修改tauri.conf.json Error You must change the bundle identifier in `tauri.conf.json > tauri > bundle > identifier`. 然后在C:\Users\你的用户名\AppData\Local下找到tauri文件夹，如果没有则创建一个名为tauri的文件夹，在文件夹内再创建一个WixTools目录，将下载的压缩包解压到这个文件夹里面 还有一个可执行包tauri-app.exe（scr-tauri/target/release/tauri-app.exe）。至此，整个创建到打包的流程就完成了。 ** 如果需要从其他位置获取图标，则可以编辑 src-tauri/tauri.conf.json 的以下部分： { "tauri": { "bundle": { "icon":
1.6K10编辑于 2024-03-12 - 来自专栏菩提树下的杨过
tauri学习(3)-前端调用Rust代码
接上节继续，今天研究tauri中，前端如何调用Rust代码。 /api/tauri" 先引入invoke方法，然后在需要的地方： 运行效果： 二、有传参 /** * 可传参 */ #[tauri::command] fn hello2(msg: String 应用的window对象 #[tauri::command] async fn get_window_label(window: tauri::Window) { println! ::command] fn query_data(state: tauri::State<DatabaseState>) { assert_eq! 在main方法中，就可以管理状态： 参考文章： https://tauri.app/v1/guides/features/command
2.4K20编辑于 2022-08-23 - 来自专栏用户9378957的专栏
扔掉 Electron，拥抱基于 Rust 开发的 Tauri
Tauri 是什么 Tauri 是一个跨平台 GUI 框架，与 Electron 的思想基本类似。Tauri 的前端实现也是基于 Web 系列语言，Tauri 的后端使用 Rust。 至此，Tauri 开发环境已安装完毕。 项目搭建 1.创建一个 Tauri 项目 $ yarn create tauri-app 复制代码 按一下回车键，继续…… 可以看出，目前主流的 Web 框架 Tauri 都支持， 我们选择 create-vite …… 此处选择 Y，将 @tauri-apps/api 安装进来， 然后选择 vue-ts…… 检查 Tauri 相关的设置，确保一切就绪…… $ yarn tauri info 复制代码 yarn 复制代码 至此，一个新的 Tauri 项目已创建完成。 tips：Tauri 也支持基于已存在的前端项目进行集成，具体流程可查看官网，本文不做介绍。
1.9K20编辑于 2022-05-07 - 来自专栏薛定喵君
tauri获取本机IP及出网IP
背景最近使用tauri开发的一款工具中需要根据网络环境判断限制软件功能的使用，记录下如何获取IP来判断是不是处在特定网络。 实现方式通过tauri的command来获取本机IP，前端使用tauri的api获取公网IP。 (tauri::generate_handler! [get_ip]) .run(tauri::generate_context! 参考资料command 系统tauri http client
91910编辑于 2024-09-19 - 来自专栏玩转全栈
玩过Tauri和Electron，最终我选择Flutter
相信，随着Google巨硬的版本迭代，这些问题很快被解决图片Tauri我用Tauri也做了一个可以和chatGPT聊天的桌面端App，界面风格简洁，可以围观 图片https://github.com/ bravekingzhang/tauri-chat-box图片Tauri 是一款用 Rust 编写的桌面应用程序开发框架，它结合了 Web 技术和本地应用程序的优点，可以使用常见的 Web 技术（如 HTML Tauri优点Tauri 提供了一种易于使用的方式来构建跨平台的桌面应用程序，可以使用常见的 Web 技术来构建应用程序，这点和election打个平手，可能略好于Flutter，毕竟会JS就可以玩的那种 Tauri 的本地应用程序可以借助rust与操作系统进行交互，可以访问操作系统的原生 API，如文件系统、网络和系统通知等。Tauri 后端使用 Rust 语言，具有高效和安全的特点。 Tauri github start数量也不低，更新也比较频繁，这点还算挺不错的图片Tauri缺点Tauri 的文档和社区支持相对较少，可能需要开发者花费更多的时间来解决问题。
16K41编辑于 2023-04-16
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号