rust yew realworld example app

Rust + Yew + WebAssembly Codebase는 Real World Spec 및 API를 준수하는 실제 예제 (CRUD, AUTH, ADVANCED PATTERNS 등)를 포함합니다.

데모 RealWorld

이 코드베이스는 CRUD 작업, 인증, 라우팅, 페이지 매김 등을 포함하여 YEW로 구축 된 완전한 WebAssembly 웹 응용 프로그램을 보여주기 위해 만들어졌습니다. Yew의 최신 function components 및 hooks 사용합니다. 또한 Tauri가 구동하는 데스크탑 응용 프로그램도 지원합니다.

우리는 Yew Community Styleguides 및 모범 사례를 준수하기 위해 많은 노력을 기울였습니다.

이 방법에 대한 자세한 내용은 다른 프론트 엔드/백엔드와 함께 작동하는 방법을 보려면 RealWorld Repo로 가십시오.

어떻게 보이는지

데모에서 라이브 데모를 볼 수 있습니다

홈 (웹)	기사 (웹)

편집 (데스크탑)	가입 (데스크탑)

작동 방식

이것은 RUST로 작성된 응용 프로그램입니다. REAL WORLD 애플리케이션을 제공하는 Frontend 웹 앱을 개발하기 위해 Yew 및 WebAssembly를 사용하는 응용 프로그램입니다.

Cargo.toml에서 사용되는 전체 상자 목록을 볼 수 있지만 다음은 다음과 같습니다.

• Yew- WebAssembly를 사용하여 멀티 스레드 프론트 엔드 앱을 만들기위한 최신 Rust 프레임 워크.
• YEW -ROUTER- YEW 프레임 워크를위한 라우팅 라이브러리.
• Yew-Hooks- 스트림 히치/반응 사용 및 알리바바/후크와 같은 React Hook Libs에서 영감을 얻은 Yew Web Framework의 후크.
• Lazy_static- 녹에서 게으르게 평가 된 정적을 선언하기위한 매크로.
• Parking_Lot- Mutex , RwLock , Condvar 및 Once 구현을 제공합니다.
• 풀다운 Cmark- 마크 다운을 구문 분석하는 데 사용되는 CommonMark의 풀 파서.
• Serde- 일반적인 직렬화/사제화 프레임 워크.
• Chrono- 녹을위한 날짜 및 시간 라이브러리.

시작하기

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 BRYEM에서 데모로 호스팅됩니다.

• 시험

  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

데스크탑 용 타우리와 함께 (선택 사항)

• Tauri를 설치하십시오

  cargo install tauri-cli

• 데스크탑을 위해 빌드 및 개발

  cargo tauri dev

• 데스크탑을 구축하고 릴리스합니다

  cargo tauri build

• JustFile

  • Tauri를 설치 just install-tauri
  • just tauri-dev 구축하고 개발하십시오
  • just tauri-build 빌드하고 릴리스하십시오

YEW 앱을 만듭니다

이 프로젝트는 Create Yew App으로 부트 스트랩되었습니다. 자체적으로 새로운 Yew 웹 앱을 신속하게 설정하려면 하나의 명령을 실행하여 최신 Yew 웹 앱을 설정하는 비공식 도구 인 Yew App을 만들 수 있습니다.

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

JustFile :

• Create-Weew-App just create-yew-app 만듭니다
• App-Serve just app-serve

기여

현재 작업해야 할 일에 대해이 리포지토리의 현재 문제를 자유롭게 살펴보십시오.

무언가가 누락되었거나 개선 될 수있는 경우 PR 또는 새로운 문제를 열 ​​수 있습니다.

특허

아파치 라이센스 (버전 2.0)

자세한 내용은 라이센스를 참조하십시오

확장하다