rust yew realworld example app

Кодовая база Rust + Yew + Webassembly, содержащая примеры реального мира (CRUD, AUTH, расширенные шаблоны и т. Д.), Которые придерживаются спецификации реального мира и API.

Демонстрация реального мира

Эта кодовая база была создана, чтобы продемонстрировать полноценное веб -приложение Webassembly, созданное с помощью YEW, включая операции CRUD, аутентификацию, маршрутизацию, лицензию и многое другое. Он использует последние function components и hooks Yew. Он также поддерживает настольное приложение, работающее на Таури.

Мы пошли на многое, чтобы придерживаться общественного сообщества и лучших практик.

Для получения дополнительной информации о том, как это работает с другими Frontends/Backends, зайдите в Realworld Repo.

Как это выглядит

Вы можете просмотреть живую демонстрацию на демонстрации

Главная (Интернет)	Статья (Интернет)

Редактировать (настольный компьютер)	Зарегистрируйтесь (настольный компьютер)

Как это работает

Это приложение, написанное в Rust, которое использует Yew и Webassembly для разработки веб -приложения Frontend, которое приводит к приложению Realworld.

Вы можете просмотреть полный список ящиков, используемых в Cargo.toml, но вот некоторые из основных примечаний:

• Yew - современная структура ржавчины для создания многопоточных приложений с интерфейсом с webassembly.
• Yew -Router - библиотека маршрутизации для фреймворка.
• Тисовые крючки-крючки для веб-фреймворта Yew, вдохновленные React Hook Libs, такие как Streamich/React-Use и Alibaba/Hooks.
• lazy_static - макрос для объявления лениво оцениваемой статики в ржавчине.
• Parking_lot - предоставляет реализации Mutex , RwLock , Condvar и Once и т. Д.
• Pulldown -Cmark - проведенный анализатор для Commonmark, используемый для проанала разметки.
• Serde - общая структура сериализации/десериализации.
• Хроно - библиотека даты и времени для ржавчины.

Начиная

С докером

docker-compose up

Вы можете посетить http://127.0.0.1:8080 в своем браузере.

Вручную

• Установить ржавчину

• Установите Wasm-Pack

  cargo install wasm-pack

• Установите сундук

• Построить и развивать

  Скопируйте .env.example to .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 to .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

Создать приложение Yew

Этот проект был загружен с приложением Create Yew, если вы хотите быстро настроить новое веб -приложение для Yew для собственного, вы можете попробовать создать приложение Yew, неофициальный инструмент для настройки современного веб -приложения Yew, просто запустив одну команду.

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

JustFile:

• Создать yew-app just create-yew-app
• Приложение just app-serve

Внося

Не стесняйтесь взглянуть на текущие проблемы в этом репо для всего, что в настоящее время нужно работать.

Вы также можете открыть PR или новую проблему, если вы видите, что чего -то не хватает или может быть улучшено.

Лицензия

Лицензия Apache (версия 2.0)

См. Лицензию для деталей

Расширять