Вход на сайт с Facebook

• Код
• Чистый код

  1.
/////////////////////////////////
  2.
//        Авторизация fb       //
  3.
/////////////////////////////////
  4.
$(function(){
  5.
if(document.getElementById('fb-account')) {
  6.
	
  7.
window.fbAsyncInit = function() {
  8.
  FB.init({ appId: '209931905688713', // ваш id
  9.
	    status: true, 
10.
	    cookie: true,
11.
	    xfbml: true,
12.
	    oauth: true});
13.
14.
  function updateButton(response) {
15.
16.
    var button = document.getElementById('fb-account');
17.
		
18.
    if (response.authResponse) {
19.
      //user is already logged in and connected
20.
      //var userInfo = document.getElementById('user-info');
21.
      FB.api('/me', function(response) {
22.
	  // userInfo.innerHTML = '<img src="https://graph.facebook.com/' 
23.
	 // + response.id + '/picture">' + response.name;
24.
       button.innerHTML = 'Выход';
25.
		//console.log(response);
26.
      });
27.
      button.onclick = function() {
28.
29.
        FB.logout(function(response) {
30.
          var userInfo = document.getElementById('user-info');
31.
         // userInfo.innerHTML="";
32.
	});
33.
      };
34.
    } else {
35.
      //далее код выполняется если пользователь не авторизован
36.
    //  button.innerHTML = 'Login';
37.
        button.onclick = function() {
38.
	 	 
39.
        FB.login(function(response) {
40.
		if (response.authResponse) {
41.
            FB.api('/me', function(response) {
42.
	      //var userInfo = document.getElementById('user-info');
43.
	      //userInfo.innerHTML = 
44.
             //   '<img src="https://graph.facebook.com/' 
45.
	        //+ response.id + '/picture" style="margin-right:5px"/>' 
46.
	        //+ response.name;
47.
			
48.
				 $.each(response, function(key, val) {
49.
					items.push('<li id="' + key + '">' + key + ': ' + val + '</li>');
50.
				  });
51.
52.
				  $('<ul/>', {
53.
					html: items.join('')
54.
				  }).appendTo('#otvet').parent().show('slow');
55.
		// далее следует код, отправляющий данные о пользователе для сохранения в базу или сессию
56.
			$.ajax({
57.
				url:'fbsession.php',
58.
				type:'POST',
59.
				dataType:'json',
60.
				beforeSend:function(){
61.
				},
62.
				data: {name:response.name,id:response.id,fn:response.first_name,ln:response.last_name,email:response.email},
63.
				success: function(output){
64.
	
65.
				},
66.
				error: function(data){
67.
					$("#slycommenttext").html(data);
68.
					$('#slyloaderr').fadeOut();
69.
					
70.
				}
71.
			});
72.
	    });	   
73.
		
74.
75.
			
76.
          } else {
77.
            //код выполняемый, если пользователь не получил доступ к API либо не авторизовался
78.
          }
79.
        }, {scope:'email'});  	
80.
      }
81.
    }
82.
  }
83.
84.
  //  функция getLoginStatus определяет статус авторизации 
85.
  FB.getLoginStatus(updateButton);
86.
  FB.Event.subscribe('auth.statusChange', updateButton);	
87.
};	
88.
(function() {
89.
  var e = document.createElement('script'); e.async = true;
90.
  e.src = document.location.protocol 
91.
    + '//connect.facebook.net/en_US/all.js';
92.
  document.getElementById('fb-root').appendChild(e);
93.
}());
94.
}
95.
});
96.