rust yew realworld example app

Rust +紫外 + WebAssembly代码库包含遵守现实世界规格和API的现实世界示例（CRUD，AUTH，ADVANDART模式等）。

演示现实世界

该代码库的创建是为了演示使用紫杉（包括Crud操作，身份验证，路由，分页等）构建的完全壁炉的WebAssembly Web应用程序。它利用紫杉的最新function components和hooks 。它还支持由Tauri提供支持的桌面应用程序。

我们已经竭尽全力遵守紫杉社区风格指导和最佳实践。

有关如何与其他前端/后端一起使用的更多信息，请转到Realworld Repo。

看起来如何

您可以在演示中查看现场演示

主页（网络）	文章（网络）

编辑（桌面）	注册（桌面）

它如何工作

这是一个用Rust编写的应用程序，它利用紫杉和WebAssembly开发为Realworld应用程序提供动力的前端Web应用程序。

您可以查看货物中使用的板条箱的完整列表。

• 紫杉 - 一个现代的锈迹框架，用于使用WebAssembly创建多线程前端应用程序。
• 紫杉 - 路由器 - 紫杉框架的路由库。
• 紫杉钩 - 紫杉网络框架的挂钩，灵感来自React Hook Libs，例如Streamich/React-suse和Alibaba/Hooks。
• lazy_static-用于宣布懒惰的静态静态物的宏。
• parking_lot-提供Mutex ， RwLock ， Condvar和Once的实现。
• PULLDOWN -CMARK-用于concommark的拉解析器，用于解析降价。
• SERDE-通用序列化/避难框架。
• Chrono- Rust的日期和时间库。

入门

与Docker

docker-compose up

您现在可以在浏览器中访问http://127.0.0.1:8080 。

手动

• 安装生锈

• 安装wasm-pack

  cargo install wasm-pack

• 安装躯干

• 建立和发展

  将.env.example复制到.env ，如果愿意，您可以更改环境变量。

  cp .env.example .env
  cd crates/conduit-wasm && trunk serve

  您现在可以在浏览器中访问http://127.0.0.1:8080 。

• 构建和释放

   cd crates/conduit-wasm && trunk build

  您现在应该在crates/conduit-wasm/dist文件夹中找到静态文件，它们作为演示以GH-Pages分支为托管。

• 测试

  在无头浏览器中安装Chromedriver，运行测试。

  wasm-pack test --headless --chrome

• Justfile

  • 安装wasm-pack just install-wasm-pack
  • 复制.env.example为.env just env
  • 躯干服务just trunk-serve
  • 躯干构建just trunk-build
  • 测试just test

与托里的桌面（可选）

• 安装陶里

  cargo install tauri-cli

• 为桌面建造和开发

  cargo tauri dev

• 为桌面构建和释放

  cargo tauri build

• Justfile

  • 安装Tauri just install-tauri
  • 建立和发展just tauri-dev
  • 建造和释放just tauri-build

创建紫杉应用

该项目是用创建紫杉应用程序引导的，如果您想快速设置一个新的紫杉网络应用程序，可以尝试创建紫杉应用程序，这是一种非官方的工具，即通过仅运行一个命令来设置现代紫红网络应用程序。

npx create-yew-app my-app
cd my-app
trunk serve

Justfile：

• 创建Yew-App just create-yew-app
• App-serve just app-serve

贡献

请随时查看此存储库中当前的问题，以了解目前需要处理的任何问题。

如果您发现缺少某些东西或可以改进的话，也欢迎您打开PR或新问题。

执照

Apache许可证（2.0版）

有关详细信息，请参见许可证

展开