Tauri 开发实践 — Tauri 配置介绍

简介: 本文首发于微信公众号“前端徐徐”,主要讲解`package.json`、`Cargo.toml`及`tauri.conf.json`三个文件的配置。其中,`tauri.conf.json`最为复杂,涉及众多配置项。`package.json`用于配置前端依赖与脚本;`Cargo.toml`用于声明Rust应用依赖;`tauri.conf.json`则管理前端资源、API白名单等。这些配置对于Tauri应用的开发至关重要。

本文首发微信公众号:前端徐徐。

这里主要是讲解一下 package.json 、Cargo.toml、tauri.conf.json这三个文件的配置。其中tauri.conf.json最为复杂,配置项非常多。

package.json

这是Node.js使用的软件包文件。 如果使用节点开发了Tauri应用的前端。 基于node.js的技术(例如 npm, yarn, 或者 pnpm) 此文件用于配置前端依赖关系和脚本。

一个 Tauri 项目的 package.json 文件的示例可能看起来像这样一些东西:

{
  "scripts": {
    "dev": "command-for-your-framework", # 您的框架命令
    "tauri": "tauri"
  },
  "dependencies": {
    "@tauri-apps/api": "^1.0",
    "@tauri-apps/cli": "^1.0"
  }
}

通常使用 "scripts" 部分来存储用于启动您的 Tauri 应用程序所使用的前端的命令,这个跟传统的前端项目的配置几乎没有什么差别。

Cargo.toml

Cargo 清单文件用于声明您的应用程序依赖、应用元数据和其他 Rust 相关功能。 若您不需要 Rust 进行原生开发,您可能不需要修改此文件。但了解它的存在意义及其功能还是很重要的。

[package]
name = "xtools"
version = "0.0.0"
description = "A Tauri App"
authors = ["you"]
edition = "2021"
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
[build-dependencies]
tauri-build = { version = "1", features = [] }
[dependencies]
tauri = { version = "1", features = ["shell-open"] }
serde = { version = "1", features = ["derive"] }
serde_json = "1"
[features]
# This feature is used for production builds or when a dev server is not specified, DO NOT REMOVE!!
custom-protocol = ["tauri/custom-protocol"]

需要注意的最重要部分是 tauri-build 和 tauri 依赖项。通常,它们都必须与 Tauri CLI 保持最新的次要版本,但这不是绝对必要的。如果您在运行应用程序时遇到问题,您应该检查 tauri 和 tauri-cli 是否为最新的次要版本。

Cargo 版本号使用语义化版本(SemVer)控制。运行 cargo update 命令将拉取最新可用的语义版本依赖项。例如,如果您将 tauri-build 的版本指定为 1.0.0,Cargo 将检测并下载版本 1.0.4,因为它是最新的兼容语义版本。当出现重大更改时,Tauri 将更新主版本号。您可以安全地升级到最新的次要版本和补丁版本,而无需担心代码中会有破坏性更改。

如果您想使用特定的crate版本,可以在依赖项的版本号前加上 = 来使用确切的版本:

Copy code
tauri-build = { version = "=1.0.0" }

另一个需要注意的是 tauri 依赖项中的 features=[] 部分。执行 tauri devtauri build 时,会根据您在 tauri.conf.json 中的 "allowlist" 属性自动启用所需的功能。

当您构建应用程序时,会生成 Cargo.lock 文件。这个文件主要用于确保在开发过程中跨机器使用相同的依赖项(类似于 Node.js 中的 yarn.lock 或 package-lock.json)。由于您正在开发一个 Tauri 应用程序,这个文件应该提交到您的源代码存储库(只有 Rust 库才应该忽略提交此文件)。

tauri.conf.json

Tauri 配置的默认格式为 .json。 对 .json5 或 .toml 格式的支持可通过在 Cargo.toml 的 tauri 和 tauri-build 依赖中分别添加 config-json5 或 config-toml 的方式开启。

Tauri配置对象。它从一个文件中读取,您可以在其中定义前端资源、配置捆绑器、启用应用程序更新器、定义系统托盘、通过允许列表启用API等。

配置文件由位于Tauri应用程序源目录(src-tauri)中的tauri init命令生成。

生成后,您可以随意修改它来定制您的Tauri应用程序。

文件格式 默认情况下,配置被定义为名为tauri.conf.json的JSON文件。

Tauri还支持通过config-json5config-toml Cargo特性分别使用JSON5和TOML文件。JSON5文件名必须为tauri.conf.jsontauri.conf.json5。TOML文件名为Tauri.toml

平台特定配置 除了默认配置文件外,Tauri还可以从tauri.linux.conf.jsontauri.windows.conf.jsontauri.macos.conf.json(或者如果使用Tauri.toml格式,则为Tauri.linux.tomlTauri.windows.tomlTauri.macos.toml)读取平台特定配置,该配置将与主配置对象合并。

配置结构 配置由以下对象组成:

  • package: 包设置
  • tauri: Tauri配置
  • build: 构建配置
  • plugins: 插件配置

下面是初始化项目的配置相关解释,有更加详细的配置可参考:https://tauri.app/v1/api/config/

{
  "build": {
    // 在开发模式下运行的命令,比如启动开发服务器
    "beforeDevCommand": "pnpm dev",
    // 在构建生产版本之前运行的命令,比如构建前端资源
    "beforeBuildCommand": "pnpm build",
    // 开发模式下前端资源的路径,可以是文件路径或URL
    "devPath": "http://localhost:1420",
    // 构建后生成的前端资源目录
    "distDir": "../dist"
  },
  "package": {
    // 应用程序名称
    "productName": "XTools",
    // 应用程序版本号
    "version": "0.0.0"
  },
  "tauri": {
    "allowlist": {
      // 是否允许所有APIs,false则必须单独列出
      "all": false,
      // 配置shell API权限
      "shell": {
        "all": false,
        // 允许使用shell.open API
        "open": true
      }
    },
    // 应用程序主窗口配置
    "windows": [
      {
        "title": "XTools",
        "width": 800,
        "height": 600
      }
    ],
    // 安全设置
    "security": {
      "csp": null
    },
    // 应用程序打包配置
    "bundle": {
      "active": true, // 是否进行打包
      "targets": "all", // 生成所有目标平台的安装包
      "identifier": "com.xtool", // 应用程序bundleId
      // 应用程序图标文件
      "icon": [
        "icons/32x32.png",
        "icons/128x128.png",
        "icons/128x128@2x.png",
        "icons/icon.icns",
        "icons/icon.ico"
      ]
    }
  }
}

由于配置项非常多,在开发的时候可能会根据不同场景然后修改相应的配置,在后面的实践章节会修改一些配置来配合我们的项目。

相关文章
|
2天前
|
存储 前端开发 安全
Tauri 开发实践 — Tauri 原生能力
本文介绍了如何使用 Tauri 框架构建桌面应用,并详细解释了 Tauri 提供的原生能力,包括文件系统访问、系统托盘、本地消息通知等。文章通过一个具体的文件下载示例展示了如何配置 Tauri 来使用文件系统相关的原生能力,并提供了完整的代码实现。最后,文章还提供了 Github 源码链接,方便读者进一步学习和参考。
18 1
Tauri 开发实践 — Tauri 原生能力
|
2天前
|
Rust 前端开发 JavaScript
Tauri 开发实践 — Tauri 日志记录功能开发
本文介绍了如何为 Tauri 应用配置日志记录。Tauri 是一个利用 Web 技术构建桌面应用的框架。文章详细说明了如何在 Rust 和 JavaScript 代码中设置和集成日志记录,并控制日志输出。通过添加 `log` crate 和 Tauri 日志插件,可以轻松实现多平台日志记录,包括控制台输出、Webview 控制台和日志文件。文章还展示了如何调整日志级别以优化输出内容。配置完成后,日志记录功能将显著提升开发体验和程序稳定性。
11 1
Tauri 开发实践 — Tauri 日志记录功能开发
|
2天前
|
Rust 前端开发 JavaScript
Tauri 开发实践— Tauri 怎么样
Tauri 是一个用于构建高效、小型二进制文件的框架,适用于所有主流桌面及移动平台。开发人员可以利用任何可编译为 HTML、JavaScript 和 CSS 的前端框架构建应用,并借助 Rust、Swift 或 Kotlin 进行后端开发。Tauri 采用三层架构,包括 tauri-app、WRY(跨平台 Webview 库)和 TAO(跨平台窗口管理器)。相较于 Electron,Tauri 使用系统内置浏览器引擎执行 Web APP,具有更小的资源占用和更高性能。详情见:[Tauri 官网](https://tauri.app/)。
13 0
Tauri 开发实践— Tauri 怎么样
|
2天前
|
自然语言处理 JavaScript 前端开发
Tauri 开发实践 — Tauri 主题&多语言设置开发
本文首发于微信公众号「前端徐徐」,介绍了在 Tauri 应用中实现窗口主题设置与多语言支持的方法。主题设置包括静态和动态两种方式,前者在应用初始化时设定,后者允许运行时更改。文章详细描述了通过 tauri-plugin-theme 插件实现动态主题变更的过程,并提供了代码示例。对于多语言支持,文章介绍了使用 i18next 进行多语言文件初始化及切换的方法。最后,提供了完整的源码链接,帮助读者更好地理解和实践。
15 4
|
2天前
|
Rust 前端开发 iOS开发
Tauri 开发实践— Tauri 工程搭建
本文首发于微信公众号“前端徐徐”,介绍了在 macOS 环境下使用 Rust 和 Tauri 构建跨平台桌面应用的过程。首先需安装 Rust 及系统依赖,参考链接:[Rust 入门](https://www.rust-lang.org/zh-CN/learn/get-started) 和 [Tauri 前置条件](https://tauri.app/zh-cn/v1/guides/getting-started/prerequisites)。
13 0
Tauri 开发实践— Tauri 工程搭建
|
2天前
|
JSON 自然语言处理 数据格式
Tauri 开发实践 — Tauri 自定义多语言菜单开发
本文介绍了如何在 Tauri 应用中实现自定义菜单并支持多语言。首先,通过 `Translator` 类加载和解析多语言 JSON 文件,实现简单的翻译功能。接着,创建包含文件、编辑和窗口子菜单的基本菜单结构,并根据当前语言进行翻译。最后,在主函数中读取语言设置,创建菜单并处理菜单事件,确保应用的国际化和用户体验。源码可在 GitHub 上查看。
13 2
|
2月前
|
Rust 资源调度 内存技术
Tauri——如何创建一个tauri项目
Tauri——如何创建一个tauri项目
41 4
|
5月前
|
缓存 Rust 前端开发
【一起学Rust | 框架篇 | Tauri2.0框架】Tauri2.0环境搭建与项目创建
【一起学Rust | 框架篇 | Tauri2.0框架】Tauri2.0环境搭建与项目创建
522 0
|
5月前
|
Web App开发 Rust 前端开发
【一起学Rust | 框架篇 | Tauri2.0框架】Tauri App开启远程调试功能
【一起学Rust | 框架篇 | Tauri2.0框架】Tauri App开启远程调试功能
513 0
|
4月前
|
开发框架 Rust Dart
Flutter、Electron 和 Tauri 框架简介
Flutter、Electron 和 Tauri 框架简介
135 0