Leptos

Leptos 是一个基于 Rust 的网页框架。你可以在他们的官方网站上阅读更多关于 Leptos 的信息。本指南适用于 Leptos 0.6 版本。

🌐 Leptos is a Rust based web framework. You can read more about Leptos on their official website. This guide is accurate as of Leptos version 0.6.

检查清单

🌐 Checklist

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

示例配置

🌐 Example Configuration

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.toml

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