برمجة تطبيق للفايسبوك Application Facebook

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته،،
حللت أهلاً .. ووطئت سهلاً ،، يسعدنا ويشرفنا ان تكون بيننا،،


الان عدنا في شرح حصري و جديد لطريقة انشاء تطبيق فايسبوك خطوة خطوة

باستعمال iFrame


الشرح :
الخطوة 1 :
نبدأ بالتوجه الى Log In | Facebook
ثم نختار انشاء تطبيق جديد
ضع اسم التطبيق و وافق على الشروط ...
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

ادخل الان كود التحقق البشري ...
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


انتهينا من الخطوة الأولى و تم انشاء التطبيق بنجاح ...
نأتي الان الى الاعدادات .

الخطوة 2 :صفحة "About"


Application Name الاسم الذي تريدونه للتطبيق...
الوصف وصف بسيط للتطبيق...
Logo و Icon الايقونة و الشعار للتطبيق حملها من جهازك...
Adresses électroniques الايميل الذي يمكن من حلاله الاتصال بك...
Manage Users حيث يمكنك اضافة مدراء اخرين للتطبيق...


صورة
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


صفحة "Web Site"


حيث تحصل على معلومات تطبيقك و يمكنك ادخال رابط موقعك ...
صورة
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي



صفحة "Facebook Integration"
هنا سوف نقوم بتهية التطبيق حسب ما يوضحه الجدول التالي...

Canvas Page رابط التطبيق على الفايسبوك...
Canvas URL رابط التطبيق من على سيرفر موقعك (الذي سوف نبرمجه و نرفعه على سيرفرك)
استكشاف اتركه مفعل ليتم التعرف على التطبيق الذي سوف ننشئه...
Page Tabs لا نحتاجه حاليا...

صورة
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي


صفحة "Advanced"
هذه صفحة الاعدادات المتقدمة جيث نضع اخر اللمسات ...

Deauthorize Callback الرابط الذي سوف نستدعي منه التطبيق على موقعنا مثال : طھط·ط¨ظٹظ‚ ظ…ط¬ظ…ط¹ ط§ظ„ط³ظƒط±ظٹط¨طھط§طھ
بقية الاعدادات اتركها كما هي ...

صورة
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

انتهينا من الخطوة الثانية و هاهي صورة الاحصاءات توضح لنا جميع المعلومات عن التطبيقصورة
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

الخطوة 3 :
تكون من سيرفر موقعنا او الاستضافة و هي برفع ملفات التطبيق التي برمجناها على الرابط الذي وضعناه سابقا في الاعدادات...

انا كونت ملف بسيط صورة برابط يؤدي الى موقعي ...
كود PHP:
p style='text-align: center;'>
  <
a href="رابط التحويل"><img src='رابط الصورة'/></a></p

الان نرفعها على موقعنا بالاعدادات التي وضعاناها سابقا ... مثال :
طھط·ط¨ظٹظ‚ ظ…ط¬ظ…ط¹ ط§ظ„ط³ظƒط±ظٹط¨طھط§طھ
عد الانتهاء من الرفع ... نتجه الى رابط التطبيق على الفايسبوك الذي انشاءناه سابقا ... مثال :
‫â€ڈطھط·ط¨ظٹظ‚ ظ…ط¬ظ…ط¹ ط§ظ„ط³ظƒط±ظٹط¨طھط§طھ on Facebookâ€ڈ | Facebook‬

و نشوف النتيجة ...

نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

ارجوو ان اكون وفقت في الشرح ...

منتظر تعليقاتكم و ردوودكم .