1 个不稳定版本

0.1.0	2022年12月3日

#18 in #elm

MIT 许可证

130KB
3.5K SLoC

杜伊德

Djedou user interface design 是一个遵循 Elm 架构 的，用于在 Rust WebAssembly 中创建快速且交互式的客户端网页应用程序的网页框架。

测试

步骤 0

添加 WebAssembly 目标
rustuptarget add wasm32-unknown-unknown
安装 wasm-pack 和 cargo install basic-http-server

运行提供的测试

cd.\examples\counter\
wasm-pack build--target web--release
basic-http-server-a127.0.0.1:4000

运行自己的测试

移动到你的项目根目录（这里是在 examples/counter）。
确保在你的根项目中有 index.html 文件，内容如下

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" name="viewport" />
    <title>duid</title>
</head>

<body>
    <div id="app"></div>
    <script type="module">
        import init, { duid } from './pkg/index.js';
        (async () => {
            await init();
            await duid(document.querySelector('#app'));
        })();
    </script>
</body>

</html>

确保在你的 Cargo.toml 文件中有以下 crate

duid = { path = "../../", features = ["default"] }
wasm-bindgen = "0.2"

运行此命令：wasm-pack build --target web --release
开发运行：basic-http-server -127.0.0.1:4000

依赖项

~11MB
~222K SLoC