Question

我正在研究react redux应用程序。想要将网站（移动网站）facebook邀请函发送给我的朋友。这样做的方法是什么？

Answer 1

我们可以嵌入facebook发送按钮

使用简单的网络重定向网址

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移动网站

1 个答案: