2013-10-23 3 views
5

के साथ फेसबुक प्लगइन मैं जावास्क्रिप्ट में एक ऐप विकसित करना चाहता हूं और एंड्रॉइड और आईओएस पर फोनगैप का उपयोग करके इसे तैनात करना चाहता हूं। मैं अपने ऐप में लॉग इन करने के लिए फेसबुक का उपयोग करना चाहता हूं।फोनगैप + एंगुलरजेएस

तो, मैं फोनगैप-फेसबुक प्लगइन की जांच करता हूं और सब ठीक काम करता है (मैं एफबी का उपयोग करके लॉग इन करने में कामयाब रहा)। index.html में मैं जे एस इस तरह एम्बेड है: समस्या है जब मैं करने के लिए "angularize" प्लगइन के साथ आपूर्ति उदाहरण कोड चाहते है

<script> 
    // Initialize the Facebook SDK 
    document.addEventListener('deviceready', function() { 
     FB.init({ 
      appId: 'XXX', 
      nativeInterface: CDV.FB, 
      useCachedDialogs: false 
     }); 

     FB.getLoginStatus(handleStatusChange); 

     authUser(); 
     updateAuthElements(); 
    }); 
</script> 

js विधि अद्यतन प्रदर्शन सीधे बुलाया (document.getElementById का उपयोग कर)। मैं एक क्रम में मेरी index.html और जावास्क्रिप्ट कोड के बीच बंधन फेसबुक टोकन मुद्रित करने के लिए बनाना चाहते हैं और इस तरह

{{user.token}} and {{user.names}} 

कुछ का उपयोग कर नाम किसी को उस तरह कुछ एहसास करने में कामयाब रहे है?

बहुत बहुत धन्यवाद!

+0

यहां एक नज़र डालें: https://gist.github.com/ruiwen/4722499 – subZero

उत्तर

0

यह काम करता है?

angular.element('[ng-controller=<name of the controller>]').scope().user = {token: <the extracted token>, names: <the extracted names>} 
2

किसी को अब भी एक ही बात करते हैं करने के लिए देख रहा है, तो मैं एक लंबे समय बिताया इस के साथ जूझ रहे हैं और अंत में ब्यौरा कैसे मैं यह काम कर रहा मिला एक fairly long blog post लिखा था।

मैंने उपरोरो की टिप्पणी में गिस्ट समेत कई मौजूदा सुझावों की कोशिश की, लेकिन यह डिवाइस एमुलेटर पर मेरे फोनगैप प्रोजेक्ट के साथ काम नहीं कर सका।

मेरे पद Phonegap + अमेरिकन प्लान प्लगइन + AngularJS का उपयोग कर एक ताजा परियोजना bootstrapping के माध्यम से चलता है, लेकिन मेरे लिए सीधी ऐसा करने के लिए महत्वपूर्ण गायब टुकड़ा और 'कोणीय रास्ता' angular-easyfb मॉड्यूल है, जो मेरा मानना ​​है कि केवल Phonegap समर्थन हाल ही में जोड़ा था । यदि आप इसके साथ फंस गए हैं तो देखो!

इस मॉड्यूल का उपयोग कर मेरा डेमो ऐप कोड this gist में है।

+0

बस एक त्वरित नोट है कि यह अभी भी आमतौर पर पीजी + एंगुलरजेएस में काम करता है, यह अब [इस फोनगैप प्लगइन] के साथ काम नहीं करता है (https: //github.com/Wizcorp/phonegap-facebook-plugin) और मूल मोबाइल एफबी संवाद, पिछले संस्करण 0.4.0, क्योंकि उन्होंने एफबी जेएस एसडीके के साथ समानता छोड़ दी है। मैंने इस बारे में समझाया और चिल्लाया [यहां] (http://noellh.com/blog/facebook-cordova-angularjs-easyfb/) लेकिन अभी तक उस पीजी प्लगइन के नए संस्करणों के लिए एक कोणीय मॉड्यूल प्रतिस्थापन नहीं मिला है। – NoelLH

+0

ये easyfb पहले से ही अप्रचलित है .. –

+0

ठीक है, केवल मेरे मूल में दिए गए 2 मूल फोनगैप प्लगइन्स के साथ। अगर किसी ने जेएस-एसडीके-संगत प्लगइन बनाया है तो संभवतः यह देशी के साथ काम करेगा। यह अभी भी एंगुलर में फेसबुक फिट करने के लिए पीजी से स्वतंत्र रूप से ठीक काम करता है, जो मॉड्यूल का मुख्य बिंदु है। मूल समर्थन एक हालिया बोनस था जिसे तुरंत पीजी प्लगइन बदलने से तोड़ दिया गया था। – NoelLH