如何在 React js 移动站点中集成 facebook 邀请

Question

我正在开发一个 React redux 应用程序。想要向我的朋友发送站点（移动站点）facebook 邀请的功能。有什么方法可以做到这一点？

Answer 1

我们可以在不同的地方嵌入 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/
在 React 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>

或者在 React 中，我们可以简单地在

这样的函数中加载脚本

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>

如何在 React js 移动站点中集成 facebook 邀请

How to Integrate facebook invite in react js mobile site

facebook-javascript-sdk

reactjs

redux