Leptos

Leptos 是一个基于 Rust 的 Web 框架。您可以在其官方网站上阅读更多关于 Leptos 的信息。本指南截至 Leptos 0.6 版本是准确的。

检查清单

• 使用 SSG，Tauri 官方不支持基于服务器的解决方案。
• 使用 serve.ws_protocol = "ws"，以便热重载 websocket 可以为移动开发正确连接。
• 启用 withGlobalTauri 以确保 Tauri API 在 window.__TAURI__ 变量中可用，并且可以使用 wasm-bindgen 导入。

示例配置

1. 更新 Tauri 配置

   src-tauri/tauri.conf.json

   {
     "build": {
       "beforeDevCommand": "trunk serve",
       "devUrl": "http://localhost:1420",
       "beforeBuildCommand": "trunk build",
       "frontendDist": "../dist"
     },
     "app": {
       "withGlobalTauri": true
     }
   }

2. 更新 Trunk 配置

   Trunk.toml

   [build]
   target = "./index.html"
   
   [watch]
   ignore = ["./src-tauri"]
   
   [serve]
   port = 1420
   open = false
   ws_protocol = "ws"