Facebook SDK funktioniert nicht mit Javascript

Question

Ich versuche einfach einen Beitrag auf Facebook mit Javascript/Typescript zu machen.

Nichts funktioniert jedoch.

Das ist mein Typoskript Code:

(window as any). //couldn't get code to compile without this... 

window.fbAsyncInit = function() { 
    FB.init({ 
     appId: 'MY API KEY', 
     xfbml: true, 
     version: 'v2.7' 
    }); 
}; 

(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) {return;} 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/sdk.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 

declare var FB:any; 
// Only works after `FB.init` is called 
function myFacebookLogin() { 
    FB.login(function(){ 
     // Note: The call will only work if you accept the permission request 
     FB.api('/me/feed', 'post', {message: 'Hello, world!'}); 
    }, {scope: 'publish_actions'}); 
} 

Und mein HTML:

<script src="./js/main.js"></script>  

<div id="fb-root"></div> 

<button onclick="myFacebookLogin()">Login with Facebook</button>  
<div id="status"> 
</div>  
</body> 
</div> 
</html> 

Ich habe den obigen Code aus der Facebook-Entwicklerwebsite.

Answer 1

Erstens brauchen Sie nicht window zu any zu werfen, können Sie dies tun:

interface Window { 
    fbAsyncInit:() => void; 
} 

Dann sollte diese Arbeit:

window.fbAsyncInit = function() { 
    FB.init({ 
     appId: 'MY API KEY', 
     xfbml: true, 
     version: 'v2.7' 
    }); 
}; 

Wie für den Login, nach the docs Sie fehlt der Teil, der den Fehler behandelt. Die Funktion, die Sie FB.login Pass erhält ein response, mit dem Sie den Status überprüfen:

function myFacebookLogin() { 
    FB.login(function(response) { 
     if (response.authResponse) { 
      FB.api('/me/feed', 'post', { 
       message: 'Hello, world!' 
      }); 
     } else { 
      console.log('User cancelled login or did not fully authorize.'); 
     } 
    }, {scope: 'publish_actions'}); 
} 

Jetzt wissen Sie, wenn die Login fehlgeschlagen.