خطأ في جلب الصورة بواسطة gravatar

يبدو أنك قمت بتعيين الصورة الافتراضية "mm" في حالة عدم توفر صورة Gravatar للمستخدم.

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

لاستخدام Gravatar في مشروعك ، يمكنك إعطاء المستخدمين إمكانية تعيين صور شخصية لحساباتهم وتحميلها على موقع Gravatar باستخدام عنوان البريد الإلكتروني الخاص بهم.

لحل مشكلتك والحصول على الصورة المصغرة للمستخدم سريعًا بدون تسجيل في Gravatar، يمكنك تجربة استخدام البرنامج التالي:

const gravatar = require('gravatar');

const avatar = gravatar.url(email, {
    s: '200',
    r: 'pg',
    d: '404'
  });

تم استبدال قيمة `d` بـ `'404'` بدلاً من `'mm'`.

هذا يعني أنه إذا لم تتوفر صورة Gravatar للمستخدم، سيتم عرض صورة 404 الافتراضية بدلاً من صورة البديلة. بعد تعديل البرنامج، يجب أن تحصل على الصورة المصغرة للمستخدم دون الحاجة إلى تسجيل في Gravatar.

صحيح، يجب عليك تسجيل حساب على موقع Gravatar حتى تتمكن من استخدام ميزة رفع صور الرمز الشخصي، وبعد التسجيل، يمكنك تحديد صورة الرمز الشخصي الخاصة بك وإعداد إعداداتها، ثم استخدام عنوان URL الخاص بـ Gravatar الخاص بك في تطبيقاتك.

وإليك الخطوات لتسجيل حساب على Gravatar وإعداد صورة الرمز الشخصي:

1. انتقل إلى موقع Gravatar على الويب.
2. انقر فوق الزر "إنشاء حساب".
3. أدخل عنوان بريدك الإلكتروني وكلمة مرورك.
4. انقر فوق الزر "إنشاء حساب".
5. بعد إنشاء حسابك، يمكنك تحديد صورة الرمز الشخصي الخاصة بك عن طريق النقر فوق الزر "تعيين صورة الرمز الشخصي".
6. يمكنك تحميل صورة من جهاز الكمبيوتر الخاص بك أو اختيار صورة من مجموعة Gravatar.
7. بعد تحديد صورة الرمز الشخصي الخاصة بك، يمكنك إعداد إعداداتها عن طريق النقر فوق الزر "إعدادات الرمز الشخصي".
8. يمكنك تحديد حجم الصورة ونوعها وإعدادات الخصوصية.
9. بعد إعداد إعدادات الرمز الشخصي الخاص بك، يمكنك النقر فوق الزر "حفظ".

بمجرد إعداد صورة الرمز الشخصي الخاصة بك، تستطيع استخدام عنوان URL الخاص بـ Gravatar في تطبيقاتك.

مثلاً استخدام عنوان URL الخاص بـ Gravatar الخاص بك في النموذج التالي:

<img src="https://gravatar.com/avatar/[your_email_address]?s=200&r=pg&d=mm" />

وسيعرض ذلك الكود صورة الرمز الشخصي الخاصة بك بحجم 200 بكسل وتنسيق صورة شخصي وخلفية بيضاء.

هناك بدائل لخدمة Gravatar التي يمكنك استخدامها لعرض صور المستخدمين بدلاً منها. إليك بعض البدائل المشهورة:

• Avatar.js: هذه المكتبة توفر واجهة برمجة تطبيقات (API) لإنشاء صور البروفايل الافتراضية على الخادم الخاص بك. يمكنك تخصيص الألوان والأشكال والرموز والنصوص لإنشاء صور فريدة ومميزة للمستخدمين. يمكنك العثور على المزيد من المعلومات والأمثلة على الموقع الرسمي لـ Avatar.js.
• DiceBear Avatars: هي مكتبة JavaScript توفر مجموعة من الأيقونات العشوائية والمتنوعة للمستخدمين. تتيح لك هذه المكتبة إنشاء صور بروفايل فريدة بناءً على معرّف فريد للمستخدم، مثل اسم المستخدم أو البريد الإلكتروني. يمكنك الاطلاع على موقع DiceBear للحصول على المزيد من التفاصيل والأمثلة.
• Adorable Avatars: هي خدمة تقدم صورًا بسيطة وجذابة للمستخدمين. تتيح لك هذه الخدمة توليد صور بروفايل باستخدام عناوين البريد الإلكتروني أو أسماء المستخدمين. يمكنك زيارة موقع Adorable Avatars للاطلاع على المزيد من المعلومات واستخدام الخدمة.

وفيما يلي مثال بسيط يوضح كيفية استخدام مكتبة DiceBear Avatars في توليد صورة بروفايل عشوائية:

const dicebear = require('dicebear');
const options = {}; // يمكنك تخصيص الخيارات حسب احتياجاتك

// توليد عنوان الصورة العشوائية باستخدام DiceBear Avatars
const avatar = dicebear.default(options).getUrl();

console.log(avatar); // عنوان الصورة المولدة عشوائياً

تُستدعى مكتبة DiceBear Avatars وتتم تعريف الخيارات حسب احتياجاتك. ثم يتم استدعاء `getUrl()` للحصول على عنوان الصورة العشوائية. يمكنك استخدام هذا العنوان في تطبيقك لعرض صورة بروفايل فريدة للمستخدم.