एफबी एसडीके

Question

के साथ require.js का उपयोग करके मैं requ.js का उपयोग करके एफबी एसडीके लोड करना चाहता हूं।

test.js:

require([   
    'libs/facebook/fb' 
    ], function(FB){ 
    FB.api("/me", function(){}); 
)); 

मैं test.js चलाने के बाद ही अमेरिकन प्लान एसडीके भरी हुई है, और के लिए अमेरिकन प्लान तैयार करना चाहते हैं

अपने परीक्षण मामले कुछ इस तरह है यह।

इस पर कोई विचार कैसे प्राप्त किया जा सकता है? मेरे रैपर (libs/facebook/fb.js) क्या होना चाहिए?

Answer 1

ऐसा लगता है कि एफबी एपीआई एक एएमडी मॉड्यूल नहीं है, इसलिए यह खुद को परिभाषित नहीं करता है जिसकी आवश्यकता जेएसई का आदी है। आपको require.config का उपयोग करके एफबी एपीआई को तैरने की आवश्यकता होगी। मुझे लगता है test.js वह स्क्रिप्ट है जिसे आपने RequJS के लिए डेटा-मुख्य मान के रूप में प्रदान किया है।

require.config({ 
    shim: { 
     'facebook' : { 
      exports: 'FB' 
     } 
    }, 

    paths: { 
     'facebook' : 'libs/facebook/fb' 
    } 
}); 

require(['facebook'], function(FB){ 
    FB.api('/me', function(){}); 
}); 

Answer 2

या (नमूना डोजो का उपयोग करता है) एक मॉड्यूल में init कोड लपेट:

define('facebook', 
    [ 'dojo/dom-construct', 
     'dojo/_base/window', 
     'https://connect.facebook.net/en_US/all/debug.js' ], // remove "/debug" in live env 
    function(domConstruct, win) 
    { 

     // add Facebook div 
     domConstruct.create('div', { id:'fb-root' }, win.body(), 'first'); 

     // init the Facebook JS SDK 
     FB.init({ 
      appId: '1234567890', // App ID from the App Dashboard 
      channelUrl: '//' + window.location.hostname + '/facebook-channel.html', // Channel File for x-domain communication 
      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 
     console.log('Facebook ready'); 

     return FB; 
    } 
); 

Answer 3

बिल्डिंग पर voidstate's और Dzulqarnain Nasir's उत्तर, यहाँ कोड मैं अपने प्रोजेक्ट पर का उपयोग कर समाप्त हो गया है।

जिस हिस्से ने मुझे सबसे ज्यादा ट्रिप किया वह यह था कि FB.init() स्पष्ट रूप से असीमित है। callback() (FB.getLoginStatus के बिना) को हटाने की कोशिश में, FB अभी तक प्रारंभ नहीं हुआ था, और मुझे "An active access token must be used to query information about the current user." त्रुटियां मिल रही थीं।

RequireJS शिम कॉन्फ़िग

require.config({ 
    // paths: { 'facebookSDK': '//connect.facebook.net/en_US/all/debug' }, // development 
    paths: { 'facebookSDK': '//connect.facebook.net/en_US/all' }, // production 
    shim: { 'facebookSDK': { exports: 'FB' } } 
}); 

एएमडी मॉड्यूल प्रारंभ करने के लिए फेसबुक जे एस एसडीके

define(['facebookSDK'], function (FB) { 
    'use strict'; 

    return function (settings, callback) { 
     var args = { 
      appId: settings.appId, 
      channelUrl: settings.channelUrl, 
      status: true, 
      cookie: true, 
      xfbml: true 
     }; 

     console.log('Calling FB.init:', args); 
     FB.init(args); 

     if (callback && typeof (callback) === "function") { 
      // callback() // does not work, FB.init() is not yet finished 
      FB.getLoginStatus(callback); 
     }    
    }; 

}); 

यह अभी भी काफी मूल प्रश्न के वांछित उपयोग को संबोधित नहीं करता।

require(['libs/facebook/fb'], // where fb.js holds my above Module 
    function(FBinit){ 
    FBinit({ 
     appId: appId, 
     channelUrl: channelUrl 
    }, function(){ 
     FB.api("/me", function(){}); 
    }); 
    } 
); 

यह काफी ओपी के मूल अवधारणा cleanas के रूप में नहीं है, लेकिन अपने सबसे अच्छे रूप में मैं यह पता लगाने सकता है: के रूप में

ओपी के कोड हो सकता है फिर से लिखा जा सकता है। अगर किसी के पास कोई है, तो मुझे अपने दृष्टिकोण को बेहतर बनाने के बारे में कुछ प्रतिक्रिया या सलाह पसंद आएगी। मैं अभी भी RequJS के लिए बहुत नया हूँ। https://developers.facebook.com/docs/javascript/howto/requirejs/

require.config({ 
    shim: { 
    'facebook' : { 
     export: 'FB' 
    } 
    }, 
    paths: { 
    'facebook': '//connect.facebook.net/en_US/all' 
    } 
}) 
require(['fb']); 

और उसके बाद इस तरह मॉड्यूल जोड़ने:

Answer 4

यहाँ फेसबुक से एक प्रलेखन है

define(['facebook'], function(){ 
    FB.init({ 
    appId  : 'YOUR_APP_ID', 
    channelUrl : '//yourdomain.com/channel.html' 
    }); 
    FB.getLoginStatus(function(response) { 
    console.log(response); 
    }); 
});