หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

Rust + Yew + WebAssembly Codebase ที่มีตัวอย่างในโลกแห่งความเป็นจริง (CRUD, Auth, Auth, Advanced Patterns ฯลฯ ) ที่ปฏิบัติตามข้อมูลจำเพาะและ API จริง

Demo Realworld

codebase นี้ถูกสร้างขึ้นเพื่อแสดงให้เห็นถึงเว็บแอปพลิเคชันเว็บแอปพลิเคชั่นที่สร้างขึ้นอย่างเต็มรูปแบบที่สร้างขึ้นด้วย YEW รวมถึงการดำเนินการ CRUD การตรวจสอบการกำหนดเส้นทางการปนเปื้อนและอื่น ๆ มันใช้ function components ล่าสุดของ Yew และ hooks นอกจากนี้ยังรองรับแอปพลิเคชันเดสก์ท็อปที่ขับเคลื่อนโดย Tauri

เราได้พยายามอย่างสุดความสามารถในการยึดมั่นกับ Yew Community Styleguides และแนวปฏิบัติที่ดีที่สุด

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับวิธีการทำงานกับส่วนหน้า/แบ็กเอนด์อื่น ๆ ให้ตรงไปที่ Realworld Repo

มันดูอย่างไร

คุณสามารถดูการสาธิตสดในการสาธิต

หน้าแรก (เว็บ) บทความ (เว็บ)
บ้านบทความ
แก้ไข (เดสก์ท็อป) ลงทะเบียน (เดสก์ท็อป)
แก้ไขลงทะเบียน

มันทำงานอย่างไร

นี่คือแอปพลิเคชั่นที่เขียนด้วย Rust ที่ใช้ Yew และ WebAssembly สำหรับการพัฒนาแอพเว็บส่วนหน้าซึ่งให้พลังแก่แอปพลิเคชัน RealWorld

คุณสามารถดูรายการลังทั้งหมดที่ใช้ใน cargo.toml แต่นี่คือบางส่วนของหมายเหตุ:

  • Yew - กรอบสนิมที่ทันสมัยสำหรับการสร้างแอพส่วนหน้าแบบหลายเธรดด้วย webAssembly
  • Yew -Router - ห้องสมุดเส้นทางสำหรับเฟรมเวิร์ก Yew
  • Yew-Hooks-Hooks for the Yew Web Framework ซึ่งได้รับแรงบันดาลใจจาก React Hook Libs เช่น Streamich/react-use-use และ Alibaba/Hooks
  • Lazy_static - แมโครสำหรับการประกาศสถิติที่ประเมินอย่างเกียจคร้านในสนิม
  • PARKING_LOT - ให้การใช้งานของ Mutex , RwLock , Condvar และ Once ฯลฯ
  • Pulldown -Cark - ตัวแยกวิเคราะห์แบบดึงสำหรับ Commonmark ซึ่งใช้ในการแยกวิเคราะห์ Markdown
  • Serde - กรอบการทำให้เป็นอนุกรม/deserialization ทั่วไป
  • Chrono - ห้องสมุดวันที่และเวลาสำหรับ Rust

เริ่มต้น

กับ Docker 

docker-compose up

คุณสามารถเยี่ยมชม http://127.0.0.1:8080 ในเบราว์เซอร์ของคุณตอนนี้

ด้วยตนเอง

  • ติดตั้ง Rust

  • ติดตั้ง 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

    คุณควรค้นหาไฟล์แบบคงที่ที่ Folder crates/conduit-wasm/dist ตอนนี้พวกเขาจะโฮสต์ในสาขา GH-PAGES เป็นตัวอย่าง

  • ทดสอบ

    ติดตั้ง ChromeDriver เรียกใช้การทดสอบในเบราว์เซอร์ที่ไม่มีหัว 

    wasm-pack test --headless --chrome

  • มีความสุขมาก

    • ติดตั้ง wasm-pack just install-wasm-pack
    • คัดลอก .env.example to .env just env
    • ลำตัวเสิร์ฟ just trunk-serve
    • Trunk Build just trunk-build
    • ทดสอบ just test

ด้วย tauri สำหรับเดสก์ท็อป (ไม่บังคับ)

  • ติดตั้ง tauri 

    cargo install tauri-cli

  • สร้างและพัฒนาสำหรับเดสก์ท็อป 

    cargo tauri dev

  • สร้างและปล่อยสำหรับเดสก์ท็อป 

    cargo tauri build

  • มีความสุขมาก

    • ติดตั้ง tauri just install-tauri
    • สร้างและพัฒนา just tauri-dev
    • สร้างและปล่อย just tauri-build

สร้างแอป Yew

โครงการนี้ถูก bootstrapped ด้วยแอป Create Yew หากคุณต้องการตั้งค่าแอพ Yew Web ใหม่อย่างรวดเร็วสำหรับคุณเองคุณอาจลองสร้างแอป Yew ซึ่งเป็นเครื่องมือที่ไม่เป็นทางการในการตั้งค่าแอพพลิเคชั่นเว็บที่ทันสมัยโดยใช้คำสั่งเดียว 

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

JustFile:

  • Create-Yew-App just create-yew-app
  • แอพบริการ just app-serve

การบริจาค

อย่าลังเลที่จะดูปัญหาปัจจุบันใน repo นี้สำหรับทุกสิ่งที่ต้องดำเนินการในปัจจุบัน

นอกจากนี้คุณยังยินดีที่จะเปิดการประชาสัมพันธ์หรือปัญหาใหม่หากคุณเห็นบางสิ่งบางอย่างขาดหายไปหรือสามารถปรับปรุงได้

ใบอนุญาต

ใบอนุญาต Apache (เวอร์ชัน 2.0)

ดูใบอนุญาตสำหรับรายละเอียด

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด