facebook - Facebook 用の JavaScript SDK を Salesforce と統合できますか?

Question

Facebook 用の JavaScript SDK をセールスフォースと統合しようとしています。http://developers.facebook.com/docs/howtos/login/getting-started/のリンクにあるすべての指示に従いました が、ログインできません。Facebook開発者コンソールに同じコードをコピーして貼り付けたところ、正常に動作しました。今、私は混乱しています.salesforceまたはsalesforceと統合しているときに何かを見逃していますか?

Answer 1

以下のコードで VF ページを作成します。下のページにアプリ ID を挿入すると、準備完了です。SDK を静的リソースに追加しました。

 <apex:page >
 <div id="fb-root"></div>
 <script type="text/javascript" src="/resource/jQueryLatest"></script>
<script>
var j$ = jQuery.noConflict();
 window.fbAsyncInit = function() {
// init the FB JS SDK
FB.init({
  appId      : 'yourappId', // App ID from the App Dashboard
  channelUrl : '/resource/alljs', // Channel File for x-domain communication--- added the sdk in static resource.
  status     : true, // check the login status upon init?
  cookie     : true, // set sessions cookies to allow your server to access the session?
  xfbml      : true  // parse XFBML tags on this page?
});

// Additional initialization code such as adding Event Listeners goes here

};

// Load the SDK's source Asynchronously
// Note that the debug version is being actively developed and might 
// contain some type checks that are overly strict. 
// Please report such bugs using the bugs tool.
(function(d, debug){
 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" + (debug ? "/debug" : "") + ".js";
 ref.parentNode.insertBefore(js, ref);
 }(document, /*debug*/ false));
 j$(document).ready(function(){
 j$("#loginButton").click(function(){
   FB.login(function(response) {
   if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
       console.log('Good to see you, ' + response.name+ '.');
     });
   } else {
     console.log('User cancelled login or did not fully authorize.');
   }
 });
 });
 j$("#getAllFriends").click(function(){
    FB.api('me/friends', function(response){
       // console.log('the response ' + response.data[]);
        for(var i =0; i< response.data.length;i++){
              try{
               var html = '<div>'+ response.data[i].name +' </div>';
               j$("#jsonDiv").append(html);
               }catch(e){
                   console.log('error name ' +response.data[i-1].name);
                   console.log('error ---' + e);
               }
        }
       });
 });



 });
</script>
<input type="button" id="loginButton" value="login to FB"></input>
<input type="button" id="getAllFriends" value="Get Friends"></input>
<div id="jsonDiv"></div>
</apex:page>