شرح طريقه رفع لعبه فلاشيه الى الفيس بوك 2015|وادرتها وحجز دومين مجانى واكواد ال php

[اميرة عبد الدايم]

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


http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262f106-21683921-1.png

اليوم كما وعد شرح كامل وحصرى لرفع لعبتك على موقع الفيس بوك وادارتها بالطريقه الصحيحه لنبدا
مثال هنا (https://apps.facebook.com/gamecoming/)
عناصر الموضوع

1-الاكواد
2-انشاء التطبيق على الفيس بوك
3-انشاء التطبيق على heroku
4-تعديل الاكواد
5-ربط الدومين بالدروبوكس
6-اضافه ملفات اللعبه وعمل كونفجريشن
اولا نذهب الى الفيس ,الى صفحه المطورين من هنا (https://developers.facebook.com/)
تظهر لنا الصوره التاليه :
http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262f004-21683921-1.png

الان نضغط على (Apps) ثم (add new app)
تظهرلنا تلك ا لصوره
http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262f00d-21683921-1.png

نختار (facebook canvas)

تظهر لنا تلك الصوره نختار اسم للعبه او التطبيق
http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262f703-21683921-1.png

ثم نظغط (create new app id)
ثم نختار نوع التطبيق (game) الsub نختار (puzzle) مثلا
بعد ذلك create app id
فى اقصى يمين الشاشه نضغط (Skip Quick Start)
تظهر لنا تلك الصوره
http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262f601-21683921-1.png

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

http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262f504-21683921-1.png

ثم (confirm)

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

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

ثانيا: نتوجه الى موقع heroku التسجيل سهل مش محتاج شرح http://www.traidnt.net/vb/images/emoji/emoji38.png
من هنا (https://www.heroku.com/)

بعد التسجيل تظهر لنا تلك الصفحه



http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262f501-21683921-1.png

(+) لاضافه تطبيق جديد ,نضع اسم اللعبه كما سميناها على الفيس ثم نضغط create app
http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262f401-21683921-1.png

الان انشأنا التطبيق ,نحصل على الرابط لنضعه للفيس شاهد الصوره
http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262f40d-21683921-1.png

بعد الضغط على http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262fb05-21683921-1.png
ستظهر لك صفحه افتراضيه انسخ عنوانها وتوجه الى صفحه التطبيق على الفيس بوك وضعه فى مكان (Canvas URL) و(Secure Canvas URL)

الان تبقى الدومين لمعرفه الدومين عد الى صفحه التطبيق فى heroku ومن تبويب Settings انزل اسفل قليلا تجد
Domain Names انسخه وضعه فى App Domains للتطبيق على الفيس شاهد الصوره
http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262fb07-21683921-1.png

اضغط save changes
ثالثا ربط الدومين ب dropbox ورفع الملفات
يجب ان تمتلك حساب على ال dropbox وتفحه حتى تشاهد الربط من هنا (https://www.dropbox.com/) سجل (مجانى)

توجه الى التطبيق على heroku من تبويب Code <\> اضغط عليه
http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262fb06-21683921-1.png
ثم اضغط على connect to dropbox الى بلون الازرق
الان عندما تتوجه لحسابك على ال dropbox ستلاحظ انشاء فولدر باسم (اسم اللعبه)<Dropbox> Apps> Heroku
وهى الفولدر المخصص لنرفع عليه ملفات لعبتنا شاهد الصور
http://www.traidnt.net/vb/images/imgcache/2015/01/0c3f434262fb01-21683921-1.png

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

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

ساضع رابط تحميلهم , انشئ فولدر جديد باسم اللعبه حتى تميزه
وستضع به تلك الملفات لو حابب تعمل بانر للعبه ده موقع يصمم لك البنر هنا (http://banner.fotor.com/banner-maker/all-728x90) وبعدين ترفعه وتحصل على كود ال html الخاص به وهقولك فين تضع الكود.
نحتاج تحميل برنامج Notepad++ للتعديل على الملفات من هنا (http://notepad-plus-plus.org/news/notepad-6.6.9-release.html)(مجانى)