Friday, January 25, 2008

Facebook releases JavaScript Client Library

Wei Zhu seems to be cooking with gas recently, and has released the JavaScript Client Library for Facebook API, which is a client side JavaScript library that mimics the other language client libraries (PHP, Python, Java, Ruby, etc):



An application that uses this client library should be registered as an iframe type. This applies to either iframe Facebook apps that users access through the Facebook web site or apps that users access directly on the app’s own web sites.


The solution uses a cross domain receiver:



HTML:





  1.  



  2. <html xmlns="http://www.w3.org/1999/xhtml">






  3.     <title>cross domain receiver page</title>



  4. </head>



  5. <body style="background-color:Green;">



  6.     <script src="http://static.ak.facebook.com/js/api_lib/XdCommReceiver.debug.js" type="text/javascript"></script>



  7.     <script type="text/javascript">



  8.         FB_ReceiverApp$main();



  9.     </script>



  10. </body>



  11. </html>



  12.  






Then, with a few script src's you can talk to Facebook:



JAVASCRIPT:





  1.  



  2. // Create an ApiClient object, passing app’s api key and



  3. // a site relative url to xd_receiver.htm



  4. var api = new FB.ApiClient('<insert_your_app_key_here', '/xd_receiver.htm', null);



  5.        



  6. // require user to login



  7. api.requireLogin(function(exception) {



  8.     window.alert(“Current user id is “ + api.get_session().uid);



  9.  



  10.     // Get friends list 



  11.     api.friends_get(function(result, exception) {



  12.       Debug.dump(result, 'friendsResult from non-batch execution ')



  13.     });       



  14. });



  15.  






It is good to see a JavaScript API like this. Now you can stay in JavaScript land and write code that works with OpenSocial, Facebook, and more. NOTE: If you live in FBML? No cigar.




No comments:

Post a Comment