大家好,我是 codexu,我在撰写一个关于 Tauri 跨端开发的系列文章,分享我在开发笔记 APP NoteGen 过程中所采用技术和遇到的问题。
如果你对本系列有兴趣,可以关注一下往期内容。我将带你从零开始开发一款跨端 APP,帮助你掌握相关知识和技能,即使你不懂 rust,也可以通过官方提供的插件完成大部分的功能开发。
存储分类
在前端开发中,我们很少接触本地数据存储的功能,这部分工作通常是后端来实现,前端使用到的本地存储一般为浏览器提供的方式,例如 localstorage、indexDB 这类,对于文件的操作仅限于对话框打开或保存文件。现在使用使用 Tauri 时,官方提供了相应的插件,可以实现系统级别的存储操作。
我将数据存储分为三类:文件、数据库、简单键值存储,它们所对应的功能和实现方式:
- 文件,在记录时,需要在本地存放截图、插图的图片文件,在写作时,需要操作
.md类型的文件。这类文件操作在 Tauri 中统一称为文件系统,官方提供了@tauri-apps/plugin-fs插件访问文件系统。 - 数据库,一般前端都是调用后端接口,几乎没有使用过数据库,可能比较陌生,有些同学可能使用过 IndexDB,复杂程度要比 localstorage 复杂的多。但作为一款 APP,数据存在浏览器中可不是一个明智的选择。更好的选择是采用本地数据,我更倾向使用 SQLite,官方提供了
@tauri-apps/plugin-sql插件,让前端可以通过 sqlx 与 SQL 数据库进行通信,支持 SQLite、MySQL 和 PostgreSQL。 - 键值,这种很简单,类似平时使用的 localstorage,主要可以应用在系统配置或其他设置的记录上。官方提供了
@tauri-apps/plugin-store来实现简单、持久的键值存储。
下图为 NoteGen 的数据目录,可以看到有图片、数据库文件、json。

接下来,我将具体介绍如何使用 Tauri 提供的插件进行这三种存储的实际操作。
文件系统
如果你接触过 node,对于这部分应该很好理解。
常见的文件操作包括对文件或文件夹的创建、删除、移动和重命名等。这些操作允许我们读取文件的内容和相关信息,同时也可以判断文件的状态。常见的状态判断包括检查文件或文件夹是否存在。在进行操作之前,一般都会先进行检查,因为对不存在的文件进行操作将会导致错。
通过以下命令进行安装:
pnpm tauri add fs
文件系统插件提供的方法,可以查看官方文档。所有的接口参数几乎都类似,一般为 path,options,path 很好理解,就是操作的路径,一般还会带上文件名和后缀。options 中,一般需要填写 baseDir 参数。接下来以 writeTextFile 方法来讲解一下如何使用:

最低0.47元/天 解锁文章
1731

被折叠的 条评论
为什么被折叠?



