مجموعة JavaScript SDK - أمثلة

اقرأ دليل البدء السريع لمعرفة كيفية تحميل مجموعة Facebook SDK للغة JavaScript وتهيئتها ودليل الإعداد المتقدم لتخصيص عملية التنفيذ. فيما يلي جرِّب أمثلة استخدام مجموعة SDK:

• تشغيل مربع الحوار "مشاركة"
• تسجيل دخول فيسبوك

تشغيل مربع الحوار "مشاركة"

يتيح مربع الحوار "مشاركة" لأي شخص استخدام صفحة لنشر رابط على صفحة اليوميات أو إنشاء حدث Open Graph. يتم تنسيق مربعات الحوار المعروضة باستخدام مجموعة SDK للغة JavaScript تلقائيًّا للسياق الذي يتم تحميلها فيه، سواء ويب الهواتف المحمولة أو ويب أجهزة الكمبيوتر.

سنعرض لك هنا كيفية استخدام الأسلوب FB.ui() لمجموعة SDK لاستدعاء مربع الحوار "مشاركة" الأساسي. أضف جزء الرمز البرمجي هذا بعد استدعاء FB.init() في رمز الإعداد الأساسي:

FB.ui({
  method: 'share',
  href: 'https://developers.facebook.com/docs/'
}, function(response){});
    

والآن عند إعادة تحميل صفحتك، ستلاحظ مربع الحوار "مشاركة" يظهر أعلى الصفحة. بمجرد إغلاق مربع الحوار، إما من خلال نشر القصة أو إلغاؤها، سيتم بدء تشغيل وظيفة الاستجابة.

اقرأ المستند المرجعي FB.ui للاطلاع على قائمة كاملة بالمعلمات التي يمكن استخدامها وبنية كائن الاستجابة.

تسجيل دخول فيسبوك

يتيح تسجيل دخول فيسبوك للمستخدمين التسجيل في تطبيقك أو تسجيل الدخول إليه باستخدام هوية فيسبوك.

لدينا دليل كامل حول كيفية استخدام مجموعة JS SDK لتنفيذ تسجيل دخول فيسبوك. ولكن في الوقت الحالي، سنستخدم بعض عينات الرموز الأساسية فقط، حتى تتمكن من معرفة كيفية عملها. أدخل ما يلي بعد استدعاء FB.init الأصلي:

FB.login(function(response) {
    if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
       console.log('Good to see you, ' + response.name + '.');
     });
    } else {
     console.log('User cancelled login or did not fully authorize.');
    }
});
    

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