问题

开发跨平台应用，选择了tauri做为技术方案，界面都ok了。
遇到一个需要调用本地api的需求：
选择文件，获取文件内容,修改文件，再保存
最终通过调用tauri提供的本地api实现：

实现方案(简化问题只针对dialog)：

package.json增加依赖

"dependencies"节点增加

    "@tauri-apps/api": "^1.0.2",
1

业务js代码

import {open} from '@tauri-apps/api/dialog'
    
const file_path  = await open({
    filter: 'md'
})
1
2
3
4
5

但是实际调试一直无法打开dialog，也不报错。

解决

最终通过tauri的官方在线api文档找到答案。

官方文档描述

先给出官方在线文档地址，感兴趣可以直接看
地址是：https://tauri.app/v1/api/js/modules/dialog

解决方案

The APIs must be added to tauri.allowlist.dialog in tauri.conf.json:

{
    "tauri": {
        "allowlist": {
            "dialog": {
                "all": true, 
                "open": true, 
                "save": true
            }
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11

总结

tauri做跨平台应用方案虽然资料少，但是官方给的介绍已经满足基本需求了，毕竟页面展示这块直接就web技术实现掉了。还有fs文件操作也类似需要在tauri.conf.json中增加配置。