FB.l'interface utilisateur d'alimentation boîte de dialogue nécessite redirect_uri, le dialogue ne se ferme pas

Je suis en train d'essayer d'ouvrir un flux dialogue à l'aide de la JS SDK de FB.l'interface utilisateur de la méthode et de l'avoir fermer après les actions des utilisateurs. Mon problème est l'alimentation la boîte de dialogue exigeant une redirect_uri même si la documentation dit qu'elle n'a pas à être défini, et la fenêtre pop-up redirige là et ne se fermera pas comme la fonction de callback dit.

Voici mon code, attaché à la soumettre cliquez sur l'événement:

    FB.ui (
        {
            method: 'feed',
            name: 'xxx!',
            link: 'link to FB tab',
            picture: 'jpg',
            caption: 'xxx',
            actions: {name:'xxx',link:'url'},
            ref: 'xxx',
            redirect_uri: 'link to FB tab'
        },
        function(response) {
            self.close();
        }
    );

Si je ne redirect_uri, la popup s'ouvre, mais il a juste dit que le FB app a une erreur et merci d'essayer de nouveau.

OriginalL'auteur Jeremy Schultz | 2012-01-20

  1. 2

    Il apparaît que ce est un changement dans Facebook du SDK JavaScript: http://developers.facebook.com/bugs/302946973066993

    Lors de l'utilisation de l'Facebook API JavaScript, invoquant FB.interface ne fonctionnera pas à moins d'un " redirect_uri la propriété est fourni dans les paramètres de l'objet - ce comportement est inattendu, car:

    1.) La documentation indique que "l'redirect_uri" sera ajouté automatiquement par la plupart des Kits de développement [1] - qui avait été le SDK JavaScript a été la prestation de l'un qui a fermé la Lightbox iFrame. 2.) L'ajout d'un redirect_uri param résultats dans l'Facebook Lightbox iFrame redirection qui s'arrête à l'utilisateur d'être en mesure de le fermer.
    3.) Le redirect_uri param n'était pas nécessaire auparavant.

    C'est ce comportement que je m'y suis habitué et ont essayé de les imiter. Un FB dev rapports que c'est maintenant "de par leur conception."

    donc, vous ne pouvez tout simplement pas éviter d'être redirigé, vraiment?

    OriginalL'auteur Jeremy Schultz

  2. 1

    Après avoir passé une journée entière à travailler sur ce problème, j'ai une très bonne solution que j'aimerais partager. Au lieu d'utiliser le SDK avec FB.l'interface utilisateur(), j'ai découvert que je peux l'éviter entièrement manuellement à l'ouverture de mon propre popup à https://www.facebook.com/dialog/feed. Lorsque le faisant de cette façon, redirect_uri fonctionne comme prévu, et il vous suffit de rediriger vers un fichier HTML qui ferme la fenêtre contextuelle. Si l'utilisateur clique sur partager, ou de l'annuler, la fenêtre se ferme comme prévu.

    Je ne crois pas qu'il y a de tout compromis avec ce code, et si quelque chose, il est beaucoup plus facile à utiliser que le kit de développement SDK.

    Mon code Javascript (que vous pouvez enregistrer en tant que FacebookFeedDialog.js ressemble à ceci:

    /* by Steven Yang, Feb 2015, originally for www.mathscore.com.  This code is free for anybody to use as long as you include this comment.  */
function FacebookFeedDialog(appID, linkTarget, redirectTarget) {
this.mParams = {
app_id: appID,
link: linkTarget,
redirect_uri: redirectTarget,
display: "popup"
}
};
/* Common params include:
name - the title that appears in bold font
description - the text that appears below the title
picture - complete URL path to the image on the left of the dialog
caption - replaces the link text
*/
FacebookFeedDialog.prototype.addParam = function(key, value) {
this.mParams[key] = value;
};
FacebookFeedDialog.prototype.open = function() {
var url = 'https://www.facebook.com/dialog/feed?' + encodeCGIArgs(this.mParams);
popup(url, 'feedDialog', 700, 400);
};
/* Takes a param object like this:
{ arg1: "value1", arg2: "value2" }
and converts into CGI args like this:
arg1=value1&arg2=value2
The values and args will be properly URI encoded
*/
function encodeCGIArgs(paramObject) {
var result = '';
for (var key in paramObject) {
if (result)
result += '&';
result += encodeURIComponent(key) + '=' + encodeURIComponent(paramObject[key]);
}
return result;
}
function popup(mylink,windowname,width,height) {
if (!window.focus) return;
var href;
if (typeof(mylink) == 'string')
href=mylink;
else
href=mylink.href;
if (!windowname)
windowname='mywindow';
if (!width)
width=600;
if (!height)
height=350;
window.open(href, windowname, 'resizable=yes,width='+width+',height='+height+',scrollbars=yes');
}

    Voici un exemple de fichier HTML qui utilise le code Javascript ci-dessus:

    <HTML>
<BODY>
<SCRIPT type="text/javascript" src="FacebookFeedDialog.js"></SCRIPT>
<SCRIPT>
var dialog = new FacebookFeedDialog(yourAppIDGoesHere,yourDestinationURLGoesHere,yourCloseWindowURLGoesHere);
dialog.addParam('name','This is my title');
dialog.addParam('description','This is the description');
dialog.addParam('picture',yourImageURLGoesHere);
dialog.addParam('caption','This is the caption');
</SCRIPT>
<A href="javascript:dialog.open()">Open facebook dialog</A>
</BODY>
</HTML>

    Votre closeWindow fichier html peut ressembler à ceci:

    <SCRIPT>
window.close();
</SCRIPT>
    Je suis venu avec une solution similaire ici: stackoverflow.com/questions/8497217/... Notez que l'Alimentation boîte de Dialogue est de se décourager maintenant en faveur de l'Action Dialog--je pensais que c'était d'être obsolète mais cela ne veut pas dire que dans la boîte de dialogue page de plus. Je préfère FD SD car il a plus d'options de personnalisation.

    OriginalL'auteur Steven

  3. 0

    Hmmm, les docs, je vois, dit-il, est nécessaire et doit être défini....

    redirect_uri

    L'URL de redirection après que l'utilisateur clique sur un bouton dans la boîte de dialogue.
    Nécessaire, mais automatiquement spécifié par la plupart des Kits de développement logiciel.

    Alors je me demande pourquoi FB lui-même n'utilise pas redirect_uri dans ses exemples de code de FB.l'interface utilisateur et l'alimentation du dialogue.
    Comme nous, les développeurs de Facebook sont des êtres humains. Combien de développeurs savez-vous que conserver leurs documents de 100% jusqu'à ce jour 😉 question Rhétorique, car nous le savons tous, la réponse est 0.000001% de développeurs.
    Semble comme une omission majeure par les devs. En tout cas, je ne me dérange pas de garder redirect_uri en place si la fenêtre se ferme après le partage.

    OriginalL'auteur DMCS