Facebook API Publishing action with JS SDK

StackOverflow https://stackoverflow.com/questions/9973989

質問

I am really struggling with the facebook api. A have created a app, an object an action, and I want to test to publish in my stream, (I know the public publishing has to be authorised by facebook but as an adminsitrator of my app, I am allowed to test it). But it doesn't wor. Here's the script :

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
      xmlns:fb="https://www.facebook.com/2008/fbml"> 
    <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# mehdientest:http://ogp.me/ns/fb/mehdientest#">
        <title>OG Tutorial App</title>
        <meta property="fb:app_id"      content="312683425452812" /> 
        <meta property="og:type"        content="mehdientest:Campain" /> 
        <meta property="og:url"         content="http://www.example.com/pumpkinpie.html" /> 
        <meta property="og:title"       content="Sample Campain" /> 
        <meta property="og:description" content="Some Arbitrary String" /> 
        <meta property="og:image"       content="https://s-static.ak.fbcdn.net/images/devsite/attachment_blank.png" />
    </head>
    <body>
        <div id="fb-root"></div>
        <script>
            window.fbAsyncInit = function() {
                FB.init({
                    appId      : '312683425452812', // App ID
                    status     : true, // check login status
                    cookie     : true, // enable cookies to allow the server to access the session
                    xfbml      : true  // parse XFBML
                });
            };

            (function(d){
                var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
                js = d.createElement('script'); js.id = id; js.async = true;
                js.src = "//connect.facebook.net/en_US/all.js";
                d.getElementsByTagName('head')[0].appendChild(js);
            }(document));

            FB.Event.subscribe('auth.login', function(response) {
                // do something with response
                login();
            });

            FB.Event.subscribe('auth.logout', function(response) {
                // do something with response
                logout();
            });

            FB.getLoginStatus(function(response) {
                if (response.session) {
                    // logged in and connected user, someone you know
                    login();
                }
            });

            function login() {
                FB.login(function(response) {
                    if (response.authResponse) {
                        FB.api('/me', function(response) {
                            alert('Good to see you, ' + response.name + '.');
                        });
                    } else {
                        console.log('User cancelled login or did not fully authorize.');
                    }
                });
            }

            function publish() {
                FB.api('/me/mehdientest:Create?Campain=http://www.example.com/pumpkinpie.html', 'post', function(response) {
                    if (!response || response.error) {
                        alert('msg');
                    }
                });
            }         

            function logout(){ 
                FB.logout(function(response){});
            }
        </script>
        <h3>Example</h3>
        <p>
            <img title="Example" src="" width="550"/>
            <input type="button" value="Logout" onclick="logout();"></input>
            <input type="button" value="Login" onclick="login();"></input>
            <input type="button" value="Publish" onclick="publish();"></input>
            <div class="fb-login-button" data-show-faces="true" data-width="200" data-max-rows="1"></div>
        </p>
    </body>
</html>

I have even tried to call the publish() function in the head area, but this doesn't work also.

Does anybody has an idea ?

Best, Newben

役に立ちましたか？

解決

Saying "it does not work" is not enough, you should always write what happens so that it will be easier to help you.

In any case, your code was a mess, what's the point of calling FB.login when the user is already logged in?

Here's a modified version of your code, I haven't tested it but it should point you in the right direction. After you play with it a bit, and if it's still not working, please come back and explain what you get.

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"
      xmlns:fb="https://www.facebook.com/2008/fbml"> 
    <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# mehdientest:http://ogp.me/ns/fb/mehdientest#">
        <title>OG Tutorial App</title>
        <meta property="fb:app_id"      content="312683425452812" /> 
        <meta property="og:type"        content="mehdientest:Campain" /> 
        <meta property="og:url"         content="http://www.example.com/pumpkinpie.html" /> 
        <meta property="og:title"       content="Sample Campain" /> 
        <meta property="og:description" content="Some Arbitrary String" /> 
        <meta property="og:image"       content="https://s-static.ak.fbcdn.net/images/devsite/attachment_blank.png" />
    </head>
    <body>
        <div id="fb-root"></div>
        <script>
            window.fbAsyncInit = function() {
                FB.init({
                    appId      : '312683425452812', // App ID
                    status     : true, // check login status
                    cookie     : true, // enable cookies to allow the server to access the session
                    xfbml      : true  // parse XFBML
                });
            };

            (function(d){
                var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
                js = d.createElement('script'); js.id = id; js.async = true;
                js.src = "//connect.facebook.net/en_US/all.js";
                d.getElementsByTagName('head')[0].appendChild(js);
            }(document));

            FB.Event.subscribe('auth.login', function(response) {
                FB.api('/me', function(response2) {
                    alert('Good to see you, ' + response2.name + '.');
                });
            });

            FB.Event.subscribe('auth.logout', function(response) {
                alert("ba bye");
                document.getElementById("publish").disabled = "disabled";
            });

            function loggedin() {
                document.getElementById("publish").disabled = false;
            }

            function publish() {
                FB.api('/me/mehdientest:Create?Campain=http://www.example.com/pumpkinpie.html', 'post', function(response) {
                    if (!response || response.error) {
                        alert('msg');
                    }
                });
            }
        </script>
        <h3>Example</h3>
        <p>
            <img title="Example" src="" width="550"/>
            <input type="button" value="Logout" onclick="logout();"></input>
            <input type="button" value="Login" onclick="login();"></input>
            <input type="button" id="publish" value="Publish" onclick="publish();" disabled="disabled"></input>
            <div class="fb-login-button" data-show-faces="true" data-width="200" data-max-rows="1"></div>
        </p>
    </body>
</html>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top