wasm-service

WASM-service

这是一个简单的概念证明,展示了如何使用 HTMX 和 Rust 进行前端开发。HTMX 的基本思想是,Web 服务器会在与 DOM 元素交互时被调用,并返回将替换某些 DOM 元素的 HTML 片段。与 http 请求发送到普通 Web 服务器相比,本项目展示了服务工作者如何拦截对服务器的调用,并返回由 WebAssembly 驱动的响应。 请参阅此处的演示: https://richardanaya.github.io/wasm-service/ 您还可以在以下链接找到受此 PoC 启发的框架:https://github.com/edezhic/prest

开发 WASM-service

安装和构建

使用 rustup 安装 WASM 目标,以便编译为 WASM 二进制文件:

rustup target add wasm32-unknown-unknown

将 lib crate 编译为 wasm_service.WASM:

cargo build --target wasm32-unknown-unknown --release

将.WASM文件复制到当前目录中的app.WASM:

cp target/wasm32-unknown-unknown/release/wasm_service.wasm app.wasm

在本地主机上服务 repo 根目录 http

使用任何方法从根目录中服务文件（特别是 index.js、sw.js 和 app.WASM）。请注意，您需要在本地或通过 https 来服务，才能启用服务工作程序。以下是使用 bash 中的 caddy 来完成此操作的方法：

caddy run --adapter caddyfile --config -&type=worker`