Dioxus框架中Liveview

拔萝卜的Tank2024-10-24 17:58

Liveview

Liveview允许应用程序在服务器上_运行_并在浏览器中_渲染_。它使用WebSockets在服务器和浏览器之间进行通信。

示例：

Dioxus Liveview将在未来的版本中迁移到dioxus-fullstack。一旦迁移发生，你可能需要更新你的代码。我们计划使这次迁移尽可能小。

与Web平台相比，Liveview目前在功能上受到限制。Liveview应用程序在服务器上的原生线程中运行。这意味着浏览器API不可用，因此渲染WebGL、Canvas等并不像在Web上那样容易。然而，原生系统API是可访问的，所以流媒体、WebSockets、文件系统等都是可行的API。

目前，Dioxus路由器不与liveview渲染器中的浏览器历史集成。如果你有兴趣为Dioxus贡献这个功能，这个问题在这里被跟踪。

Liveview使得从客户端与服务器通信变得非常方便，但也存在一些缺点。主要是在Dioxus Liveview中，默认情况下每次交互都会通过服务器。

因此，使用liveview渲染器时，你需要非常注意管理延迟。在其他渲染器上足够快的事件，如受控输入，在liveview渲染器中可能会令人沮丧地难以使用。

为了解决这个问题，你可以在liveview应用程序中注入一些JavaScript。如果你使用原始属性作为监听器，你可以注入一些JavaScript，当事件被触发时将被运行：

rust 复制代码

rsx! {
    div {
        input {
            "oninput": "console.log('input changed!')"
        }
    }
}