tauri开发记录-dialog无法打开

问题

开发跨平台应用,选择了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中增加配置。

经验分享 程序员 微信小程序 职场和发展