الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

Rust + Yew + Webassembly Codebase تحتوي على أمثلة في العالم الحقيقي (CRUD ، AUTH ، الأنماط المتقدمة ، إلخ) التي تلتزم بالمواصفات الحقيقية و API.

Demo Realworld

تم إنشاء قاعدة بيانات الكود هذه لإظهار تطبيق ويب على شبكة الإنترنت تم تصميمه بالكامل مع YEW بما في ذلك عمليات CRUD ، والمصادقة ، والتوجيه ، والترقيم ، وأكثر من ذلك. يستخدم أحدث hooks function components YEW. كما يدعم تطبيق سطح المكتب مدعوم من Tauri.

لقد بذلنا جهودًا رائعة للالتزام بـ Yew Community Styleguides & Best Marces.

لمزيد من المعلومات حول كيفية عمل هذا مع الواجهة/الخلفية الأخرى ، توجه إلى Realworld Repo.

كيف تبدو

يمكنك عرض عرض تجريبي مباشر في العرض التوضيحي

الصفحة الرئيسية (الويب) المادة (الويب)
بيتشرط
تحرير (سطح المكتب) اشترك (سطح المكتب)
يحرراشتراك

كيف تعمل

هذا تطبيق مكتوب في Rust يستخدم Yew و Webassembly لتطوير تطبيق الويب Frontend الذي يعمل على تشغيل تطبيق Worlworld.

يمكنك عرض قائمة كاملة من الصناديق المستخدمة في Cargo.toml ، ولكن فيما يلي بعضها الرئيسي في الملاحظة:

  • YEW - إطار صدأ حديث لإنشاء تطبيقات أمامية متعددة الخيوط مع ويب.
  • Yew -Router - مكتبة توجيه لإطار Yew.
  • Yew-Hooks-Hooks for Yew Web Framework ، مستوحاة من LIBs للاختلاف مثل Streamich/React-Use و Alibaba/Hooks.
  • Lazy_static - ماكرو لإعلان الإحصائيات التي تم تقييمها بتكاسل في الصدأ.
  • وقوف السيارات - يوفر تطبيقات Mutex و RwLock و Condvar Once وما إلى ذلك.
  • Prowdown -Cymark - محلل السحب للموسم المشترك ، يستخدم لتحليل التخفيضات.
  • Serde - إطار التسلسل/إزالة التسلسل العام.
  • كرونو - مكتبة تاريخ ووقت للصدأ.

ابدء

مع Docker 

docker-compose up

يمكنك زيارة http://127.0.0.1:8080 في متصفحك الآن.

يدويًا

  • تثبيت الصدأ

  • تثبيت WASM-Pack 

    cargo install wasm-pack

  • تثبيت Trunk

  • بناء وتطوير

    نسخ .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 باعتبارها عرضًا تجريبيًا.

  • امتحان

    تثبيت 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 لسطح المكتب (اختياري)

  • تثبيت 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 ، إذا كنت ترغب في إعداد تطبيق Web Web الجديد بسرعة ، فقد تحاول إنشاء تطبيق Yew ، وهو أداة غير رسمية لإعداد تطبيق Web Modern Modern عن طريق تشغيل أمر واحد. 

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

Justfile:

  • إنشاء-تطبيق just create-yew-app
  • خدمات التطبيق just app-serve

المساهمة

لا تتردد في إلقاء نظرة على المشكلات الحالية في هذا الريبو لأي شيء يحتاج حاليًا إلى العمل عليه.

نرحب أيضًا بفتح PR أو مشكلة جديدة إذا رأيت شيئًا مفقودًا أو يمكن تحسينه.

رخصة

ترخيص Apache (الإصدار 2.0)

انظر الترخيص للحصول على التفاصيل

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل