• lunatic亚毫秒 Web 框架的LiveView实时视图


    Lunatic是受 Erlang 启发的 WebAssembly 运行时通过将 Erlang 的容错和大规模并发与 WebAssembly 基于功能的安全性相结合,它创建了一个强大的编程模型。
    Lunatic 是一个单一的可执行文件,可在 Windows、macOS 和 Linux 上运行。它从具有自己的堆/堆栈的 WebAssembly 模块生成轻量级进程。这些进程被抢占式调度在多线程执行器上。

    submillisecond-live-view:这是使用lunatic构建的亚毫秒Web 框架的 LiveView 实现。
     

    什么是LiveView
    LiveView 通过服务器呈现的 HTML 提供丰富的实时用户体验。
    LiveView 编程模型是声明式的:LiveView 中的事件不是说“一旦事件 X 发生,就在页面上更改 Y”,而是可能导致其状态发生变化的常规消息。一旦状态发生变化,LiveView 将重新渲染其 HTML 模板的相关部分并将其推送到浏览器,浏览器以最有效的方式进行自我更新。这意味着开发人员像编写任何其他服务器呈现的 HTML 一样编写 LiveView 模板,LiveView 负责跟踪更改并将相关差异发送到浏览器的艰苦工作。
    它因Elixir的Phoenix网络框架而流行。

    Rust代码:

     

    1. use serde::{Deserialize, Serialize};
    2. use submillisecond::{router, static_router, Application};
    3. use submillisecond_live_view::prelude::*;
    4. fn main() -> std::io::Result<()> {
    5.     Application::new(router! {
    6.         "/" => Counter::handler()
    7.         "/static" => static_router!("./static")
    8.     })
    9.     .serve("127.0.0.1:3000")
    10. }
    11. #[derive(Clone, Serialize, Deserialize)]
    12. struct Counter {
    13.     count: i32,
    14. }
    15. impl LiveView for Counter {
    16.     type Events = (Increment, Decrement);
    17.     fn mount(_uri: Uri, _socket: Option<&mut Socket>) -> Self {
    18.         Counter { count: 0 }
    19.     }
    20.     fn render(&self) -> Rendered {
    21.         html! {
    22.             button @click=(Increment) { "Increment" }
    23.             button @click=(Decrement) { "Decrement" }
    24.             p { "Count is " (self.count) }
    25.         }
    26.     }
    27. }
    28. #[derive(Deserialize)]
    29. struct Increment {}
    30. impl LiveViewEvent for Counter {
    31.     fn handle(state: &mut Self, _event: Increment) {
    32.         state.count += 1;
    33.     }
    34. }
    35. #[derive(Deserialize)]
    36. struct Decrement {}
    37. impl LiveViewEvent for Counter {
    38.     fn handle(state: &mut Self, _event: Decrement) {
    39.         state.count -= 1;
    40.     }
    41. }


     

    需要Lunatic 运行时以及 wasm32-wasi 目标。

    1. cargo install lunatic-runtime
    2. rustup target add wasm32-wasi



    还建议添加一个.cargo/config.toml配置了构建目标和运行器的文件。

    1. # .cargo/config.toml
    2. class="indent">[build]

    3. target = "wasm32-wasi"
    4. class="indent">[target.wasm32-wasi]

    5. runner = "lunatic"

  • 相关阅读:
    MATLAB 与 Cruise 的联合仿真
    简单对比一下 C 与 Go 两种语言
    【C++】C++入门(一)
    什么是web前端开发工程师和h5有什么关系
    三个步骤搞定 MySQL,offer到手。
    数据建模 - 概念模型,逻辑模型,物理模型 的区别以及建模方式
    【设计模式】28.结构型模式-桥接(Bridge)
    x264 编码器 AArch64 汇编函数模块关系分析
    力扣(LeetCode)882. 细分图中的可到达节点(C++)
    计算某个整数含有几位数
  • 原文地址:https://blog.csdn.net/sinat_40572875/article/details/127896576