嵌入其他文件
您可能需要在应用程序包中包含其他文件,这些文件不是前端(您的 frontendDist
)的直接组成部分,或者太大而无法内联到二进制文件中。我们称这些文件为 resources
。
要捆绑您选择的文件,您可以将 resources
属性添加到 tauri.conf.json
文件中的 bundle
对象。
有关 tauri.conf.json
配置的更多信息,请参阅此处。
resources
期望一个字符串列表,目标是绝对路径或相对路径的文件或目录。如果您需要包含目录中的多个文件,它支持 glob 模式。
这是一个示例来说明配置。这不是一个完整的 tauri.conf.json
文件
{ "bundle": { "resources": [ "/absolute/path/to/textfile.txt", "relative/path/to/jsonfile.json", "resources/**/*" ] }}
或者,如果您想更改文件复制到的位置,resources
配置也接受映射对象。这是一个示例,展示了如何将来自不同来源的文件包含到同一个 resources
文件夹中
{ "bundle": { "resources": { "/absolute/path/to/textfile.txt": "resources/textfile.txt", "relative/path/to/jsonfile.json": "resources/jsonfile.json", "resources/**/*": "resources/" } }}
源路径语法
在以下解释中,“目标资源目录”要么是对象表示法中冒号后的值,要么是数组表示法中原始文件路径的重建。
"dir/file.txt"
:将file.txt
文件复制到目标资源目录。"dir/"
:递归地将所有文件和目录复制到目标资源目录。如果您还想保留文件和目录的文件系统结构,请使用此选项。"dir/*"
:非递归地将dir
目录中的所有文件(子目录将被忽略)复制到目标资源目录。"dir/**
:抛出错误,因为**
只匹配目录,因此找不到任何文件。"dir/**/*"
:递归地将dir
目录中的所有文件(dir/
中的所有文件和所有子目录中的所有文件)复制到目标资源目录。"dir/**/**
:抛出错误,因为**
只匹配目录,因此找不到任何文件。
在 Rust 中访问文件
在这个例子中,我们想捆绑额外的 i18n json 文件,它们看起来像这样
{ "hello": "Guten Tag!", "bye": "Auf Wiedersehen!"}
在这种情况下,我们将这些文件存储在 tauri.conf.json
旁边的 lang
目录中。为此,我们将 "lang/*"
添加到 resources
中,如上所示。
在 Rust 端,您需要 PathResolver
的实例,您可以从 App
和 AppHandle
获取它
tauri::Builder::default() .setup(|app| { // The path specified must follow the same syntax as defined in // `tauri.conf.json > bundle > resources` let resource_path = app.path().resolve("lang/de.json", BaseDirectory::Resource)?;
let file = std::fs::File::open(&resource_path).unwrap(); let lang_de: serde_json::Value = serde_json::from_reader(file).unwrap();
// This will print 'Guten Tag!' to the terminal println!("{}", lang_de.get("hello").unwrap());
Ok(()) })
#[tauri::command]fn hello(handle: tauri::AppHandle) -> String { let resource_path = handle.path().resolve("lang/de.json", BaseDirectory::Resource)?;
let file = std::fs::File::open(&resource_path).unwrap(); let lang_de: serde_json::Value = serde_json::from_reader(file).unwrap();
lang_de.get("hello").unwrap()}
在 JavaScript 中访问文件
这是基于上面的例子。
请注意,您必须配置访问控制列表以启用您需要的任何 plugin-fs
API,以及访问 $RESOURCE
文件夹的权限
{ "$schema": "../gen/schemas/desktop-schema.json", "identifier": "main-capability", "description": "Capability for the main window", "windows": ["main"], "permissions": [ "path:default", "event:default", "window:default", "app:default", "resources:default", "menu:default", "tray:default", "fs:allow-read-text-file", "fs:allow-resource-read-recursive" ]}
import { resolveResource } from '@tauri-apps/api/path';import { readTextFile } from '@tauri-apps/plugin-fs';
const resourcePath = await resolveResource('lang/de.json');const langDe = JSON.parse(await readTextFile(resourcePath));console.log(langDe.hello); // This will print 'Guten Tag!' to the devtools console
© 2025 Tauri 贡献者。CC-BY / MIT