تنزيل codever - تنزيل رمز المصدر codever

codever

بيانات الموقع

1.0.0

تنزيل

⚡؟ ️ مرجعية ومدير المقتطفات للمطورين وشركاه؟ ⚡

استخدم صفحات HOWTO الخاصة بنا لجعلك تستمر والبدء في توفير الوقت والأعصاب عند إدارة المرجعية ومقتطفات التعليمات البرمجية. سوف يساعدك المساعدون والإضافات التالية على طول الطريق:

الامتدادات


إشارة مرجعية	تمديد الكروم	Firefox Addon	Intellij Plugin	تمديد VSCODE

مثال استخدام تمديد الكروم - احفظ المقتطف

احفظ إلى استخدام تمديد الكروم

تعمل الامتدادات الأخرى أكثر أو أقل بعد نفس المبدأ

المرجعية العامة

يتم نشر الإشارات المرجعية العامة الجديرة بانتظام على Github في CodeverDotdev/إشارات مرجعية.

الإعداد (التنمية أو الاستضافة الذاتية)

ستجلب لك هذه التعليمات نسخة من المشروع وتشغيلها على جهازك المحلي لأغراض التطوير والاختبار.

تم تطوير المشروع مع Mean Stack و KeyCloak للمصادقة والترخيص: مكونات الرسم البياني

يحتوي المشروع على تطبيقين

CODEVER-UI الذي يشكل واجهة المستخدم. هذا يستخدم مع CLI الزاوي والزاوي.
codever-api وهو واجهة برمجة التطبيقات التي تدعم واجهة المستخدم. ويستخدم ExpressJs مع mongodb و keycloak. انظر مواصفات OpenAPI

المتطلبات الأساسية

ما تحتاجه لتشغيل هذا التطبيق:

node و npm (نوصي باستخدام NVM)
- تأكد من تشغيل العقدة على الأقل ( v16.xx +) و NPM ( 8.xx +)
Nodemon - npm install -g nodemon
Docker - نوصي باستخدام سطح المكتب Docker

يتم استخدام Docker و Docker-Corms حاليًا فقط للتطوير المحلي

التثبيت ( إعداد التطوير )

ابدأ خادم MongoDB و KeyCloak

️ عندما تقوم بتشغيل docker compose للمرة الأولى ، فإن -Dkeycloak.migration.action=import .

    # command: -Dkeycloak.migration.action=import -Dkeycloak.migration.provider=dir -Dkeycloak.migration.dir=/tmp/keycloak/export-import -Dkeycloak.migration.strategy=IGNORE_EXISTING

في ملف Docker-Cormse ، بحيث يتم تحميل إعداد keycloak الأولي (RealM والمستخدمين) .

️ لمزيد من الشركات الناشئة لـ Docker-Corms ، يجب عليك التعليق على هذا الخط ، حيث يبدأ بشكل أسرع

docker-compose up

استخدم -d لتشغيله في الخلفية

تثبيت وتشغيل (الواجهة الأمامية والخلفية)

تريد تشغيل واجهة برمجة تطبيقات الواجهة الخلفية أولاً مع الأوامر التالية:

 # install
nvm use   # only if you are using nvm
npm install

# run
npm run frontend # to run the frontend
npm run backend # to run the backend

# alternatively run in parallel
npm start

أو في سطر واحد nvm use; npm install; npm start

هذا يبدأ

واجهة برمجة التطبيقات مع Nodemon في http: // localhost: 3000/API وسوف تشاهد تغييرات الكود في الواجهة الخلفية وإعادة النشر تلقائيًا.
الواجهة الأمامية المتاحة في http: // localhost: 4200. قم بتسجيل الدخول إلى مستخدم/كلمة مرور mock/mock التي تم تكوينها لك في إعداد keycloak الأولي. يتم تحميل بعض الإشارات المرجعية في البداية بحسابك ، بحيث يمكنك البدء في اللعب معهم.

يمكنك إنشاء مستخدم اختبار خاص بك ، أو أي مستخدمين إضافيين آخرين باتباع لقطات الشاشة في إضافة مستخدم keycloak لإنشائه.

لتتمكن من إضافة مقاطع فيديو على YouTube تلقائيًا تاريخ ومدة إلى العنوان الذي تحتاجه لإنشاء ملف nodemon.json بناءً

keycloak

CeyCloak Console Console يمكن الوصول إليه في http: // localhost: 8080/auth مع المستخدم/كلمة المرور admin/Pa55w0rd (انظر ملف Docker)

الاختبار

اختبارات E2E (التكامل) مع Cypress

يجب بدء KeyCloak و MongoDB كما هو محدد أعلاه (أمر docker-compose up )

قم بتشغيل اختبار التكامل عن طريق إصدار الأمر التالي.

 cd apps/codever-ui
npm run cy:run

لفتح Cypress ، يمكنك تشغيل المهمة التالية npm run cy:open

API (الخلفية)

اختبارات التكامل

يجب بدء KeyCloak و MongoDB كما هو محدد أعلاه (أمر docker-compose up )

قم بتشغيل اختبار التكامل عن طريق إصدار الأمر التالي.

 cd apps/codever-api
npm run integration-tests

سيتم إنشاء تقرير.

تصحيح الأخطاء

واجهة المستخدم (الواجهة الأمامية)

أدوات DEV في متصفحات الكروم

يمكنك استخدام أدوات DEV في المتصفحات القائمة على الكروم (مثل Chrome ، Brave). انتقل إلى المصادر والملف الذي تريد ضبط نقاط الفاصل الخاصة بك ، كما في المثال التالي:

Chrome-dev-tools-debugging