Odtu web design Grubu olarak Sizlere Facebook application, Google Optimizasyon, facebook app ve web tasarim, dizyan, arama motorlarina kayit, Logo tasarimi, php, html, asp, html, css ve web tasarim, dersleri tutoriallar hizmeti vermekteyiz.
Referanslarimiz
Dünyala bağlantıya geçtiğiniz pencere
- http://developers.facebook.com/ dosyasına gidiniz.
- 'Get Started' seçeneğine tıklayınız
- 'Add Facebook Developer Application' a tıklayınız
- 'Developer' linki sol köşede belirecektir. Buradan developer appye gidiniz.
- 'Setup New Application' diye belirtilen kısıma tıklayınız
- Formu doldururken izleyeceğiniz yolu aşağıda beliritiyoruz:
- Application Name: Bizim application ismi için, 'Tutorial Application' ı kullandık.- Bu kısımda sizler farklı bir isim kullanabilirsiniz.
- Terms of service kutucuğunu işaretleyiniz
- Optional Fields linkine tıklayınız- buradan sizlere bir çok seçenek belirecektir..
- Support E-mail: Bu kısımda facebook iletişim email adresini girebilirsiniz, yada bu kısımda farklı bir mail adreside kullanabilirsiniz, fakat bir çok kişinin sizin applicationınızı ekliyeceği için bu kısımda gerçek e-mail adresinizi vermenizde fayda vardır.
- Callback Url: Bizim applicationımız için 'http://tperry256.dreamhost.com/f8/tutorialapp/' i kullandık- Bu kısıma sizler farklı bir link atayabilirsiniz. –bu kısımda kendinize application yaratacak, kendi serverinizda farklı bir url yolu atayabilirsiniz.
- Canvas Page URL: http://apps.facebook.com/: Bizimapp için, bu kısıma, 'tutorialapp' ismini koyduk. – Bu kısıma farklı bir isim koymak zorundasınız
- Use FBML: Bu kısmı aynen bırakınız
- Application Type: Bu kısmı web site olarak bırakınız.
- Can your application be added to Facebook: burayı 'yes' olarak ayarlayınız. – Bu kısım sizlere değişik seçenekler sunacaktır.
- TOS URL: Bu kısmı boş bırakınız.
- Post-Add Url: Bizim app için 'http://apps.facebook.com/tutorialapp/' ismini koyduk – Siz burada farklı bir isim koyabilirsiniz. –Sizler bu kısıma kendinize ait tam url yi koyabilirsiniz..
- Default FBML: Bu kısımı 'hello' olarak ayarlayınız .
- Installation Options seçeneğindeki her şeyi boş bırakınız
- Side Nav Url: Bizim applicationımız için, 'http://apps.facebook.com/tutorialapp/' ismini verdik – Bu kısımı sizler değiştirebilirsiniz.- bu kısımda sizler farklı bir url de koyabilirsiniz.
- Integration Points kısmındaki her şeyi boş bırakınız
- 'appinclude.php' dosyasını yaratınız ve aşağıdaki kodları yerleştiriniz:
- 'Submit' kutucuğunu seçiniz.
- 'My Applications ' sayfasına gidip, applicationınızın yaratılıp yaratılmadığını kontrol ediniz. Buraya kadarki bölüme sizler değişik şekillerde de ulaşabilirsiniz.
- Php5’in son versiyonunu kopyalayınız ve serverınıza atınız
- Bu kısımda '[your app_key]' ve '[your secret]' bölümlerinde the 'My Applications' sayfasındaki 'app_key' ve'secret' kısımlarını ekleyiniz. Ayrıca buna ek olarak, our callback url kısmını kendi callback urlnizi de ekleyebilirsiniz.
- 'index.php' dosyasını yaratınız ve applicationınızın giriş sayfası olacaktır. Aşağıdaki kodları buraya ekleyiniz:<
<?php
require_once 'appinclude.php';
echo "<p>hello $user</p>";
- Bu kısımdaki application callback urlesi sizin browserınızdaki adres barında gözükmektedir. Buna ek olarak, canvas sayfanıza da bu kısmı ekleyebilirsiniz ki bu kısım sizin eklemiş olduğunuz index.php kısmında gözükecektir.. Diğer bir yöntem ise browserınızdaki adres barype YOUR APP's callback url into your browser's address bar. Aşağıda bi kaç tane örnek bulabileceğiniz linki veriyoruz
APP's callback url: http://tperry256.dreamhost.com/f8/tutorialapp/ APP's canvas page url:http://apps.facebook.com/tutorialapplication - 'I agree' seçeneğini tıklayınız, bu kısımda facebook applicasyon sözleşmesini kabul etmiş sayılmaktasınız 'Add [your application name]' bölümüne de tıkladıktan sonra applicasyonunuzu eklemiş olacaksınız.
- Bu kısımdan sonra sizler index.php olan bölüme yönlendirileceksiniz.
- Profilinize gidiniz ve aplikasyon olan kısıma bakınız, burada hello yazısını göreceksiniz. Bu kısım default FBML olarak daha önceki işlemlerde ayarlanmıştı.
- Sol köşedeki linklere bakarsanız sizin ilk adresinize yönlendirildiğiniz görülecektir.
wget http://developers.facebook.com/clientlibs/facebook-platform.tar.gz
tar zxvf facebook-platform.tar.gz
cp facebook-platform/client/facebook.php .
cp facebook-platform/client/facebookapi_php5_restlib.php .
rm -rf facebook-platform.tar.gz facebook-platform
<?php
require_once 'facebook.php';
$appapikey = '[App numarası]';
$appsecret = '[app sorusu]';
$facebook = new Facebook($appapikey, $appsecret);
$user = $facebook->require_login();
//[todo: kendi url nize göre burasını değiştiriniz]
$appcallbackurl = 'http://tperry256.dreamhost.com/f8/tutorialapp/';
//catch the exception that gets thrown if the cookie has an invalid session_key in it
try {
if (!$facebook->api_client->users_isAppAdded()) {
$facebook->redirect($facebook->get_add_url());
}
} catch (Exception $ex) {
//Bu kısım açık olarak sizin applicationınıza bağlanan kişiyi göstermektedir
$facebook->set_user(null, null);
$facebook->redirect($appcallbackurl);
}
Referanslarimiz - Site tasarimini bitirip, hizmete açtigimiz web siteleri
Haberler - Sitemizden Haberler ve Duyurular
Sıkça Sorulan Sorular - İnternet Hakkında Sıkça Sorulan Sorular
internet hakkında - İnternet Hakkinda
Odtudesign
Links: