<html>
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function () {
FB.init({
appId: 'appIdgelecek', // Uygulamanızın App Id'si developer.facebook.com'dan oluşturabilirsiniz.
channelUrl: 'urlGelecek', // Uygulamanın çalıştığı url
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
xfbml: true // parse XFBML
});


FB.Event.subscribe('auth.authResponseChange', function (response) {
if (response.status === 'connected') {
document.getElementById("message").innerHTML += "<br>Facebook ile bağlandın";


}
else {
document.getElementById("message").innerHTML += "<br> Facebook ile bağlanılamadı";

//HATA
}
});

};

function Login() {

FB.login(function (response) {
if (response.authResponse) {
getUserInfo();
} else {

}
}, { scope: 'email,user_photos,user_videos' }); // burada kullanıcıdan alıcak bilgiler doğrultusunda yetki alınıyor


}

function getUserInfo() {
FB.api('/me', function (response) {

var str = "<b>Adı</b> : " + response.name + "<br>";
str += "<b>Linki: </b>" + response.link + "<br>";
str += "<b>Kullanıcı Adı:</b> " + response.username + "<br>";
str += "<b>id: </b>" + response.id + "<br>";
str += "<b>Mail Adresi:</b> " + response.email + "<br>";
str += "<input type='button' value='Resmi Göster' onclick='getPhoto();'/>";
str += "<input type='button' value='Çıkış Yap' onclick='Logout();'/>";
document.getElementById("status").innerHTML = str;

});
}
function getPhoto() {
FB.api('/me/picture?type=normal', function (response) {

var str = "<br/><b>Resim</b> : <img src='" + response.data.url + "'/>";
document.getElementById("status").innerHTML += str;

});

}
function Logout() {
FB.logout(function () { document.location.reload(); });
}

// Load the SDK asynchronously
(function (d) {
var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
if (d.getElementById(id)) { return; }
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
ref.parentNode.insertBefore(js, ref);
}(document));

</script>
<div align="center">
<h2>Facebook UI Örnek Uygulama</h2>

<div id="status">

<a href="javascript:;" style="cursor: pointer;" onclick="Login()">Login Ol</a>
</div>
<br />
<br />
<br />
<br />
<br />
<div id="message">
</div>

</div>
</body>
</html>

Yorumlar

Bu kod parçacığına henüz yorum yapılmamış.

Yorum Yaz

Yorum yazabilmek için üye olunuz veya giriş yapınız