腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

综合排序丨最热优先丨最新优先

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

2024-08-15

4590

标签:

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

2023-12-27

1.8K0

标签:

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

2022-10-30

5.6K1

标签:

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中的方法，同样这种方式，也可以创建窗口。

菩提树下的杨过

2022-08-23

4.1K1

标签:

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

2022-10-23

6.6K0

标签:

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/

菩提树下的杨过

2022-08-23

1.7K0

标签:

桌面端程序开发-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

2023-03-06

8.5K0

标签:

使用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[email protected] tauri > tauri

2023-11-16

2.4K0

标签:

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

菩提树下的杨过

2022-09-26

2.8K0

标签:

Electron vs Tauri 全方位对比

Tauri Tauri 是一个框架，用于为所有主要桌面平台构建微小、极快的二进制文件。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架来构建他们的用户界面。 Electron vs Tauri Electron 的安装包通常都要几十 M，而 Tauri 只有几 M，在这点上，Tauri 完全碾压 Electron。 Tauri 打包的应用程序是二进制的，因此逆向破解不容易，而对于 electron 应用可以通过 npm 命令进行加压缩应用程序。在启动时间上 Tauri 相对也要快一些，这也是很多 electron 应用被人诟病最多的点。对于 Tauri 来说，我们需要自己维护更新服务器。

程序那些事儿

2023-03-07

3.7K0

标签: