Wie machen FB.ui({ method: 'auth.login',...) mit display: 'iframe', anstatt 'popup'?

Ich arbeite an einem login für eine einfache Facebook-app. Ich bin in der Lage, die JavaScript-SDK verwenden, um erfolgreich für ein login /erweiterte Berechtigungen-dialog in einem popup-Fenster, die entweder mit FB.login oder den folgenden code:

FB.ui({ method: 'auth.login',
    perms: 'read_stream,publish_stream',
    display: 'popup' },
    function (rsp) {
        fg_log('on login');                             
        if(rsp.session) { 
            if(rsp.perms) {
                fg_log('PERMS: ',rsp.perms);
            } else {
                fg_log('Hmm. No permissions');
            }
        } else {
            fg_log('Hmm. No login');
        }
    }
);

Das problem ist... ich weiß nicht, wie popup windows viel. Aus UI-Sicht, ich denke, Sie fühlen sich, wie Sie gehören nicht zum rest der app. Und Sie zu zeigen, bis über JavaScript erfordern auch eine extra-Klick auf die der Benutzer ohne Grund-um zu umgehen, popup-Blocker, hat der Benutzer zum Klick auf etwas wie eine login-Schaltfläche (weitgehend sinnlos, da durch die Zeit, die die app kennt, die es braucht, um die Anzeige eines login-button, der es bereits weiß, muss der Benutzer-log-in und kann auch nur das Dialogfeld Berechtigungen).

So, ich dachte, warum nicht ein iframe statt? Keine Probleme mit popup-Blocker, schön eingebettet in die Seite, und Facebook scheint es zu lieben 'em.

Ein wenig Graben in der jüngsten (2.1.2) JavaScript-SDK source und diverse andere Beiträge auf der Facebook developers forum scheint darauf hinzudeuten, dass einem passieren kann "display: 'iframe'" als Teil der Optionen, um FB.ui.

Aber wenn ich es versuche, obwohl das iframe macht kommen, anstatt die Berechtigungen dialog, den ich bekommen:

"Ein Fehler ist aufgetreten mit . Bitte versuchen Sie es später erneut."

(Hinweis: versuchen Sie später erneut, liefert die gleichen Ergebnisse.)

gibt es da einen trick, um dieses zu erhalten, um zu arbeiten, oder ist es verboten, aus irgendeinem Grund?

  • Dies ist nicht wirklich eine Antwort... aber ich habe gesehen, unterschiedlichem Verhalten, wo Facebook wird manchmal zeigt und manchmal zeigen Sie das anderen, je mehrere Dinge, die außerhalb meiner Kontrolle.
InformationsquelleAutor Weston C | 2010-11-30
  1. 2

    Versuchen, mit FB.Anmeldung anstelle von FB..ui. Wenn der Benutzer bereits angemeldet ist, und erteilt die Berechtigungen, die Sie fordern über FB.login, dann gibt es keinen dialog. Ansonsten ist ein "inline" angezeigt und beantragen die zusätzlichen Berechtigungen/login.

    Es ist ein wenig eingängig, um einen login-Funktion, um mehr Berechtigungen wenn der Benutzer bereits angemeldet ist. Aber es funktioniert.

    • Es gibt ein Problem mit dieser - auf der Seite tabs, es wird nicht 'inline'; es wird ein popup-was kann blockiert werden.
    • Nicht mehr. Mit den letzten Updates auf FB-api auf FB.login wird auch inline in tabs.
    InformationsquelleAutor Brent Baisley
  2. 2

    Nicht mehr möglich (Juli 2014), aber Sie konnte und kann immer noch schaffen, Ihre eigenen iframe und füllen Sie es mit einer Seite, die Umleitungen von Ihrem server zu einer vollständigen Seite FB login.

    Sehen https://developers.facebook.com/docs/reference/dialogs/oauth/ :

    Wenn Sie die URL-weiterleiten-dialog Umsetzung, dann ist dieses
    wird eine ganzseitige Anzeige, in Facebook.com. Diese Anzeige
    Typ heißt Seite.

    FB-iframe arbeitete zu der Zeit Stand die Frage im Mittelpunkt, indem Sie entweder über display: 'iframe' mit FB.ui() als Mustafa vorgeschlagen oder mit FB.login() (an einigen Punkten in der Zeit, die es standardmäßig auf "dialog" - Modus, wenn der FB war richtig inited, andere Zeiten, die Sie hatten, um Anzeige-Modus als auch).

    Dieser ausgeschaltet wurde, wahrscheinlich Anfang 2014 & durch clickjacking. Aus der Referenz oben verlinkten:

    Wenn Sie mit der JavaScript SDK, dies wird standardmäßig ein popup
    Fenster. Sie können auch erzwingen, dass das popup oder die Seite, die Typen bei der Verwendung der
    JavaScript-SDK, falls erforderlich. iframe und async-Typen sind nicht gültig für
    der Login-Dialog für Sicherheit Gründe.

    InformationsquelleAutor Bruno
  3. 1

    Können Sie versuchen, diese:

    Verwende ich die folgende Methode ca 6 Monate her. 🙂

    <div>
    <a href="#_" onclick="myOuthDialog();">outh dialog</a>
</div>
<div id="fb-root"></div>
<script>
base_url = 'http/s://path/to/your/site/url';  //Which is set into app setting
myOuthDialog = function(){
    FB.ui({method: 'oauth',
        client_id:'<!--YOUR APP ID-->',
        api_key:'<!--YOUR APP ID-->',
        app_id:'<!--YOUR APP ID-->',
        canvas:'1',
        fbconnect:'1',
        response_type:'code token',
        perms:'email',
        scope:'email',
        redirect_uri:base_url,
        display:'iframe'
    }, myCallback);
}

myCallback = function(data){
    FB.getLoginStatus(function(response) {
      if (response.status === 'connected') {
        document.location = base_url;
        var uid = response.authResponse.userID;
        var accessToken = response.authResponse.accessToken;
      } else if (response.status === 'not_authorized') {
        myOuthDialog();
      } else {
        document.location = base_url;
      }
    }, true);
}
</script>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '<!--YOUR APP ID-->', //App ID
      channelUrl : base_url+'channel.php', //Channel File
      status     : true, //check login status
      cookie     : true, //enable cookies to allow the server to access the session
      oauth      : true, //enable OAuth 2.0
      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));
</script>
    InformationsquelleAutor Mustafa Amin
Schreibe einen Kommentar