Tauri 前后端分离开发

1,216 阅读1分钟

在使用Tauri开发桌面应用过程中,通过 yarn create tauri-app 创建的项目,前端和后端都在一个项目下,导致前后端都在同一个项目进行开发,给前后端开发、调试增加不少困难。

如何前后端分离开发呢?前后端分开创建项目

一、后端项目使用cargo创建

cargo tauri init

生成目录结构如下:

.
├── Cargo.toml
├── build.rs
├── icons
│   ├── 128x128.png
│   ├── 128x128@2x.png
│   ├── 32x32.png
│   ├── Square107x107Logo.png
│   ├── Square142x142Logo.png
│   ├── Square150x150Logo.png
│   ├── Square284x284Logo.png
│   ├── Square30x30Logo.png
│   ├── Square310x310Logo.png
│   ├── Square44x44Logo.png
│   ├── Square71x71Logo.png
│   ├── Square89x89Logo.png
│   ├── StoreLogo.png
│   ├── icon.icns
│   ├── icon.ico
│   └── icon.png
├── src
│   └── main.rs
└── tauri.conf.json

修改tauri.conf.json,找到build节点,修改distDir和devPath为前端服务地址。

  "build": {
    "distDir": "http://localhost:8000",
    "devPath": " http://localhost:8000",
    "beforeDevCommand": "",
    "beforeBuildCommand": ""
  },

通过修改distDir和devPath,即可为前端提供运行环境。


二、前端项目创建

前端修改相对简单。前端项目独立创建后,将服务地址修改为distDir和devPath的对应的地址,即可以运行在tauri中。

通过以上两步,即可以实现tauri前后端的开发。


三、发布应用程序

通过 tauri build 发布应用程序
tauri build

参考

tauri官方案例