美文网首页
tauri开发记录-dialog无法打开

tauri开发记录-dialog无法打开

作者: 余很多之很多code | 来源:发表于2022-11-08 13:28 被阅读0次

问题

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

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

package.json增加依赖

"dependencies"节点增加

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

业务js代码

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

但是实际调试一直无法打开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
            }
        }
    }
}

总结

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

相关文章

网友评论

      本文标题:tauri开发记录-dialog无法打开

      本文链接:https://www.haomeiwen.com/subject/ercntdtx.html