如何整合Facebook邀请在反应js手机网站

问题描述：

我正在一个反应redux应用程序。想要将网站（移动网站）Facebook邀请发送给我的朋友的功能。这样做的方法是什么？如何整合Facebook邀请在反应js手机网站

答

有不同之处，我们可以嵌入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>

如何整合Facebook邀请在反应js手机网站

相关推荐