تسجيل الدخول/التسجيل بنقرة واحدة من Google

|||
-|-|-|
:discourse: | ملخص | Discourse Google One Tap يضيف دعمًا للتسجيل وتسجيل الدخول عبر Google One Tap إلى Discourse.
:hammer_and_wrench: | رابط المستودع | https://github.com/discourse/discourse-google-one-tap
:open_book: | دليل التثبيت | كيفية تثبيت الإضافات في Discourse


الميزات

تضيف هذه الإضافة دعمًا لتسجيل الدخول وتسجيل المستخدمين عبر Google One Tap إلى Discourse. عند تثبيت هذه الإضافة وتكوينها، سيرى المستخدمون المجهولون مطالبة تبدو كالتالي:

من خلال هذه المطالبة، يمكنهم استخدام أي حساب Google مسجلين الدخول إليه حاليًا للتسجيل أو تسجيل الدخول (إذا كان لديهم حساب بالفعل على موقعك بنفس عنوان البريد الإلكتروني) إلى مثيل Discourse الخاص بك.

التكوين

  1. تأكد من تمكين إعداد google_one_tap_enabled.

  2. اتبع التعليمات الموجودة في Setup  |  Web guides  |  Google for Developers للحصول على معرف العميل وتكوين شكل المطالبة بشاشة الموافقة لتسجيل الدخول/التسجيل.

  3. أضف معرف العميل الذي حصلت عليه من الخطوة 2 إلى إعداد الموقع google_oauth2_client_id.

سجل التغييرات

لا شيء.

شكر وتقدير

شكر كبير لـ @ghassan لتطوير الإصدار الأولي لهذه الإضافة.

27 إعجابًا

شكراً على المكون الإضافي الرائع، ولكن يبدو أن هناك خطأ، حيث يقوم المكون الإضافي بإنشاء عنصر div غير مرئي، مما يجعل من المستحيل التفاعل مع أي عنصر أسفله.
كما أنه ينشئ مساحة إضافية على الجانب الأيسر من الصفحة على الهاتف المحمول.
الهاتف المحمول:


سطح المكتب:

إعجاب واحد (1)

كيف يختلف هذا عن تسجيل الدخول المدمج في جوجل لخدمة Discourse؟

إعجاب واحد (1)

مرحباً :wave: نعم، هذه الإضافة تحتاج بالتأكيد بعض :heart: لقد اختبرتها بالأمس وواجهت نفس الشيء. يبدو أن إطار جوجل في نافذة تسجيل الدخول/التسجيل لديه مشاكل أيضاً. يبدو أن المحاذاة والتصميم ليسا مثل أزرار التواصل الاجتماعي الأخرى وإذا فتحت نافذة تسجيل الدخول ثم حولتها إلى تسجيل، فإن زر جوجل لا يتم عرضه.

مرحباً دون، هل يمكنك التوسع في هذا الأمر بمزيد من المعلومات، وربما بعض لقطات الشاشة؟ تمكنت من جعله يعمل محليًا:

ومع ذلك، في الوضع المتخفي، أواجه نفس المشكلة:

قد يكون هناك العديد من الأسباب لذلك؛ أحدها على سبيل المثال هو “التبريد الأسي” الذي أضافته جوجل:

قد تكون هناك طريقة لاكتشاف أن هذا لم يتم تحميله بشكل صحيح - ولكن على الأقل في كروم، العنصر الذي يحتوي على “تسجيل الدخول إلى localhost باستخدام google.com” ليس عنصرًا في الصفحة على الإطلاق. ربما يمكننا استخدام هذا؟

google.accounts.id.prompt((notification) => {
    console.log(notification)
});

هذا الـ PR يجب أن يحل المشكلة. @Osama لقد أزلت بعض أنماط CSS. هل يمكنك التحقق من ذلك عندما تكون متفرغًا؟


3 إعجابات

شكراً لك على إضافة رائعة، إنها بالضبط ما كنت أبحث عنه.
ولكن هل الإضافة متوافقة أيضاً مع التغييرات الأخيرة “بدء إيقاف ملفات تعريف الارتباط للجهات الخارجية في Chrome في الربع الأول من عام 2024”. إليك مزيد من المعلومات حول FedCM المطلوبة وترحيلها.

ملاحظة أخرى.


الوظيفة متشابهة جداً، هل يمكن دمجها مع تسجيل الدخول الأصلي إلى Google الذي يمتلكه Discourse بالفعل، بحيث لا تحتوي شاشة تسجيل الدخول على صندوقين “تسجيل الدخول باستخدام Google”؟

إعجاب واحد (1)

يبدو أنه لم يجبك أحد يا @nathank، لذا سأجيبك بما أعتقد أنه الإجابة وربما سؤال؟

أعتقد أن هذه النقرة الواحدة هي ما يُنظر إليه عادةً على أنه مطالبة إنشاء حساب Google عند زيارة موقع ويب، على سبيل المثال هكذا:

أعتقد أن الفرق الرئيسي بين هذا وبين دعم مصادقة Google الأصلي هو أن هذا يتم تشغيله عندما يزور شخص ما صفحة بدلاً من أن يجد المستخدم طريقه إلى مطالبة تسجيل الدخول/الاشتراك.

إعجاب واحد (1)

أنا أقدر لك بعمق إجابتك على سؤالي القديم قليلاً!!

إذا كان الأمر بهذه البساطة (ويبدو أنه كذلك)، فلماذا لا يتم دمج وظائف هذه الإضافة في النواة؟

إعجابَين (2)

نعم، موافق، أو اجعلها خيارًا في الأساسيات. هذه طريقة معترف بها جيدًا لزيادة التسجيلات وتقليل احتكاك الإعداد - المستخدمون على دراية بهذه التجربة.

إعجاب واحد (1)

كان لهذا الحل (أو كان له) بعض المشكلات التي جعلت تسجيل الدخول أكثر صعوبة بالفعل، وبدا فوضويًا على الهواتف المحمولة. آسف، هذه إجابة عديمة الفائدة حقًا، لأنني لم أعد أتذكر ما كانت تلك المشكلات التي جعلتني أعطله - حتى عندما يستخدم الغالبية Gmail هنا في فنلندا.

رفع، لاحظت هذا للتو أيضًا.

لا تستخدم تسجيل الدخول “العادي” في جوجل. إنه ليس أصعب. احتفظت بكليهما، لأن النقرة الواحدة ليست نشطة في كل المواقف.

بالضبط، لكنني لا أريد الاختيار بين وجود زرين زائدين عن الحاجة أو عدم وجودهما على الإطلاق في بعض المواقف. :slight_smile:

سيقوم بالاتصال بخوادم Google دون قصد لأي شخص يحاول تسجيل الدخول/التسجيل في صفحة التحميل الأولية.

  1. انتقل إلى Admin → Customize → Themes → CSS/HTML.
  2. افتح محرر CSS لـ السمة النشطة لديك.
  3. أضف الكود التالي إلى قسم CSS:
div#google_one_tap.btn-social {
    display: none !important;
}
  1. احفظ التغييرات.
  2. قم بتحديث الصفحة للتأكد من أن الزر لم يعد مرئيًا.
إعجابَين (2)