Facebook Jak sprawdzić, czy użytkownik polubił stronę i wyświetlił treść?

Aktualizacja 21/11/2012 @ALL: zaktualizowałem przykład tak, aby działał lepiej i uwzględniał uwagi Chrisa Jacoba i FB Best practices, spójrz na działający przykład tutaj

Witam tak jak obiecałem oto moja odpowiedź przy użyciu tylko javascript:

Treść treści strony:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  FB.init({
    appId  : 'YOUR APP ID',
    status : true, 
    cookie : true, 
    xfbml  : true  
  });
</script>

<div id="container_notlike">
YOU DONT LIKE
</div>

<div id="container_like">
YOU LIKE
</div>

CSS:

body {
width:520px;
margin:0; padding:0; border:0;
font-family: verdana;
background:url(repeat.png) repeat;
margin-bottom:10px;
}
p, h1 {width:450px; margin-left:50px; color:#FFF;}
p {font-size:11px;}

#container_notlike, #container_like {
    display:none
}

I na koniec javascript:

$(document).ready(function(){

    FB.login(function(response) {
      if (response.session) {

          var user_id = response.session.uid;
          var page_id = "40796308305"; //coca cola
          var fql_query = "SELECT uid FROM page_fan WHERE page_id = "+page_id+"and uid="+user_id;
          var the_query = FB.Data.query(fql_query);

          the_query.wait(function(rows) {

              if (rows.length == 1 && rows[0].uid == user_id) {
                  $("#container_like").show();

                  //here you could also do some ajax and get the content for a "liker" instead of simply showing a hidden div in the page.

              } else {
                  $("#container_notlike").show();
                  //and here you could get the content for a non liker in ajax...
              }
          });


      } else {
        // user is not logged in
      }
    });

});

Więc co to robi ?

Pierwszy to logowanie do FB (jeśli masz już identyfikator użytkownika i jesteś pewien, że twój użytkownik jest już zalogowany na facebook ' u, możesz ominąć dane logowania i zastąpić response.session.uid YOUR_USER_ID (na przykład z aplikacji rails)

Następnie wykonuje zapytanie FQL w tabeli page_fan, a oznacza to, że jeśli użytkownik jest fanem strony, zwraca identyfikator użytkownika, a w przeciwnym razie zwraca pustą tablicę, po czym w zależności od wyników wyświetla div lub inne.

Jest też działające demo tutaj: http://jsfiddle.net/dwarfy/X4bn6/

Używa strony coca-cola jako przykładu, spróbuj go i jak / w przeciwieństwie strona Coca-cola i uruchom go ponownie ...

Wreszcie jakieś powiązane dokumenty:

FQL page_fan table

FBJS FB.Data.zapytanie

Cheers

UPDATE 2

Jak stwierdził ktoś, jQuery jest wymagane do wersja javascript działa, ale można go łatwo usunąć (służy tylko do dokumentu.gotowe i pokaż/ukryj).

Do dokumentu.gotowy, możesz zawinąć kod w funkcję i użyć body onload="your_function" lub czegoś bardziej skomplikowanego, jak tutaj : Javascript-jak wykryć, czy dokument się załadował (IE 7/Firefox 3), aby zastąpić dokument gotowy.

A do pokazywania i ukrywania rzeczy przydałoby się coś w stylu: document.getElementById("container_like").style.display = "none" or "block" i bardziej niezawodne techniki cross browser Zobacz tutaj : http://www.webmasterworld.com/forum91/441.htm

Ale jQuery jest takie proste:)

UPDATE

W kontrolerze akcji:

decoded_request = Canvas.parse_signed_request(params[:signed_request])

A potem jest to kwestia sprawdzenia zdekodowanego żądania i wyświetlenia jednej lub drugiej strony .. (Nie jestem pewien co do tego po pierwsze, nie podoba mi się ruby)

decoded_request['page']['liked']

I tutaj jest powiązana Klasa Canvas (z fbgraph biblioteki ruby) :

 class Canvas

    class << self
      def parse_signed_request(secret_id,request)
        encoded_sig, payload = request.split('.', 2)
        sig = ""
        urldecode64(encoded_sig).each_byte { |b|
          sig << "%02x" % b
        }
        data = JSON.parse(urldecode64(payload))
          if data['algorithm'].to_s.upcase != 'HMAC-SHA256'
          raise "Bad signature algorithm: %s" % data['algorithm']
        end
        expected_sig = OpenSSL::HMAC.hexdigest('sha256', secret_id, payload)
        if expected_sig != sig
          raise "Bad signature"
        end
        data
      end

      private

      def urldecode64(str)
        encoded_str = str.gsub('-','+').gsub('_','/')
        encoded_str += '=' while !(encoded_str.size % 4).zero?
        Base64.decode64(encoded_str)
      end
    end  

 end