在使用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
参考