リアクションjsモバイルサイトでfacebook inviteを統合する方法

-2

私はreact reduxアプリケーションを開発中です。サイト（モバイルサイト）のFacebookの招待状を友人に送信する機能が必要です。これを行う方法は何ですか？リアクションjsモバイルサイトでfacebook inviteを統合する方法

出典

2016-09-30 Sakshi Nagpal

はここで、我々はFacebookがボタンを送る埋め込むことができます異なるがあります

使用単純なWebリダイレクト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が含まれています。使用は簡単ですが、送信ボタンを設定することはできません。

、ボタンにボタン機能を送る実装

<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>

かで我々は単に

のような関数でスクリプトを読み込むことができます反応してJavaScriptのSDKを使用するには

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) 
 
    }();

[OK]をクリックします

FacebookInviteFriends(){ 
 

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

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

に招待を送ります

出典

2016-10-04 18:16:17

リアクションjsモバイルサイトでfacebook inviteを統合する方法

答えて

関連する問題