如何整合Facebook邀請在反應js手機網站

-2

我正在一個反應redux應用程序。想要將網站（移動網站）Facebook邀請發送給我的朋友的功能。這樣做的方法是什麼？如何整合Facebook邀請在反應js手機網站

2016-09-30 Sakshi Nagpal

有不同之處，我們可以嵌入Facebook發送按鈕

使用簡單的網頁重定向URL

http://www.facebook.com/dialog/send?app_id=320949351409311&name=Facebook%20Dialogs&link=http://www.nytimes.com/interactive/2015/04/15/travel/europe-favorite-streets.html&redirect_uri=https://www.domain.com/
在反應JS 使用內置的Facebook發送按鈕，請參考： https://gist.github.com/andrewimm/9fdd0007c3476446986a9f600ba4183f

它包含一個Facebook發送按鈕iframe。它很容易使用，但不能配置發送按鈕。

要在您的按鈕實現發送按鈕的功能，使用它的JavaScript SDK

<html xmlns:fb="http://www.facebook.com/2008/fbml"> 
 
    <body> 
 
    <script src="http://connect.facebook.net/en_US/all.js"></script> 
 
    <div id="fb-root"></div> 
 
    <script> 
 
     // assume we are already logged in 
 
     FB.init({appId: '123050457758183', xfbml: true, cookie: true}); 
 

 
     FB.ui({ 
 
      method: 'send', 
 
      name: 'Facebook Dialogs', 
 
      link: 'https://developers.facebook.com/docs/reference/dialogs/' 
 
      }); 
 
    </script> 
 
    </body> 
 
</html>

或反應，我們可以簡單地加載腳本功能，如

loadScript(){ 
 
     let script = document.createElement('script'); 
 
     script.src = 'https://connect.facebook.net/es_US/all.js'; 
 

 
     document.body.appendChild(script); 
 
     var code = document.createElement('script'); 
 
     code.text="FB.init({appId:'APP_ID',cookie:true,status:true,xfbml:true});"; 
 
     setTimeout(function(){ 
 
      document.body.appendChild(code); 
 
     }, 0) 
 
    }();

，然後發送邀請上點擊

FacebookInviteFriends(){ 
 

 
     FB.ui({ 
 
      method: 'send', 
 
      link: 'https://m.olx.in' 
 
     }); 
 
    }

<div onClick={this.FacebookInviteFriends.bind(this)}></div>

來源

2016-10-04 18:16:17

如何整合Facebook邀請在反應js手機網站

回答

相關問題