ابهر اصدقائك واصنع لعبه احترافيه على الفيس

بسم الله الرحمن الرحيم

 

اليوم كما وعدنا شرح كامل وحصرى لرفع لعبتك على موقع الفيس بوك وادارتها بالطريقه الصحيحه لنبدا

 

 

 

 

مثال هنا 
عناصر الموضوع

1-الاكواد
2-انشاء التطبيق على الفيس بوك
3-انشاء التطبيق على heroku
4-تعديل الاكواد 
5-ربط الدومين بالدروبوكس
6-اضافه ملفات اللعبه وعمل كونفجريشن

..................................................................................................

اولا نذهب الى الفيس ,الى صفحه المطورين من هنا
تظهر لنا الصوره التاليه :

 

الان نضغط على (Apps) ثم (add new app)
تظهرلنا تلك ا لصوره 

نختار (facebook canvas) 

تظهر لنا تلك الصوره نختار اسم للعبه او التطبيق 

ثم نظغط (create new app id) 

 

 

ثم نختار نوع التطبيق (game) الsub نختار (puzzle) مثلا 
بعد ذلك create app id 
فى اقصى يمين الشاشه نضغط (Skip Quick Start)
تظهر لنا تلك الصوره 

فى (contact email) نظع اميلك 

ثم نتوجه الى (status &review ) اسفل setting انظر الصوره اعلى 

ثم (confirm)

لاتنسى ان تضع للعبه (Namespace) فى تبويب (settings) 

انتهينا من الفيس محتاجين منه (app id-app name-App Secret) 

ثانيا: نتوجه الى موقع heroku التسجيل سهل مش محتاج شرح  
من هنا

(+) لاضافه تطبيق جديد ,نضع اسم اللعبه كما سميناها على الفيس ثم نضغط create app

الان انشأنا التطبيق ,نحصل على الرابط لنضعه للفيس شاهد الصوره 

بعد الضغط على 

ستظهر لك صفحه افتراضيه انسخ عنوانها وتوجه الى صفحه التطبيق على الفيس بوك وضعه فى مكان (Canvas URL) و(Secure Canvas URL)

الان تبقى الدومين لمعرفه الدومين عد الى صفحه التطبيق فى heroku ومن تبويب Settings انزل اسفل قليلا تجد 
Domain Names انسخه وضعه فى App Domains للتطبيق على الفيس شاهد الصوره 

اضغط save changes 

ثالثا ربط الدومين ب dropbox ورفع الملفات 
يجب ان تمتلك حساب على ال dropbox وتفحه حتى تشاهد الربط من هنا سجل (مجانى)

توجه الى التطبيق على heroku من تبويب Code <\> اضغط عليه

ثم اضغط على connect to dropbox الى بلون الازرق 

الان عندما تتوجه لحسابك على ال dropbox ستلاحظ انشاء فولدر باسم (اسم اللعبه) Apps> Heroku
وهى الفولدر المخصص لنرفع عليه ملفات لعبتنا شاهد الصور 

الان بعد ان انتهينا من اعداد فولدر اللعبه جاء وقت اعداد اللفات وهى كالآتى: 

appinclude.php
base_facebook.php
content.html
facebook.php
اللعبه.swf
index.php
spinc.php
وصور خاصه ب fotor وصوره خاصه بالتطبيق 

ساضع رابط تحميلهم , انشئ فولدر جديد باسم اللعبه حتى تميزه 
وستضع به تلك الملفات لو حابب تعمل بانر للعبه ده موقع يصمم لك البنر هنا وبعدين ترفعه وتحصل على كود ال html الخاص به وهقولك فين تضع الكود.

 

نحتاج تحميل برنامج Notepad++ للتعديل على الملفات من هنا (مجانى)

 

 

تستطيع تحميل الملفات من هنا
لاتنسى تغيير مايلزم وللتوضيح ستجد فى كل ملف ارشادات ,لفتح اى ملف والتعديل به اضغط عليه كليك يمين ثم edit with notepad++
ثم غير مايلزم وايضا هناك ملفات لاتغير بها شئ الواجب تغيريها ستجد نص يخبر مثلا "هنا الاى دى الخاص باللعبه" وهكذا
اما بخصوص اللعبه ضع اى لعبه بامتداد swf على سبيل التجربه اذا لم تكن تمتلك لعبه تجد هنا الكثير من العاب الفلاش للتحميل دلوقتى نتوجه الى ال dropbox

 

الان نفتح فولدر اللعبه على dropbox (اتاكد انك فى فولدر اللعبه ,هيكون كده app>heroku>game name)
*game name= اسم لعبتك عنى,

 

 

نقوم بتحميل جميع الملفات الى الفولدر
ملحوظه :فولدر ads هو الفولدر الخاص بالبنر تجد به صورتين قبل باستبدالهم بصور البنر الخاصه بك

الان بعد ان اكتملت الملفات واتحملت.نرجع خطوه للخلف نجد بجانب فولدر اللعبه كلمه share نظغط عليها 

ستظهر لنا صفحه وبها رابط انسخ الرابط copy 

بعد ان نسخنا الرابط نتوجه الى heroku كما بالصوره بالتبويب Code </>

ثم Deploy your latest changes
ضع الرابط فى المربع واضط Deploy

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

تم بحمد الله