Facebook Callback fügt '#_=_' an die Rückgabe-URL an

Question

Facebook-Callback hat mit dem Anhängen von #_=_ Rautenunterstrich in der Rückgabe-URL

Weiß jemand, warum? Was ist die Lösung?

Answer 1

Mit Angular und Angular Ui Router, können Sie dieses Problem beheben

    app.config(function ($stateProvider, $urlRouterProvider, $locationProvider) {

      // Make a trailing slash optional for all routes
      // - Note: You'll need to specify all urls with a trailing slash if you use this method.
      $urlRouterProvider.rule(function ($injector, $location) {
        /***
        Angular misbehaves when the URL contains a "#_=_" hash.

        From Facebook:
          Change in Session Redirect Behavior
          This week, we started adding a fragment #_=_ to the redirect_uri when this field is left blank.
          Please ensure that your app can handle this behavior.

        Fix:
          http://stackoverflow.com/questions/7131909/facebook-callback-appends-to-return-url#answer-7297873
        ***/
        if ($location.hash() === '_=_'){
          $location.hash(null);
        }

        var path = $location.url();

        // check to see if the path already has a slash where it should be
        if (path[path.length - 1] === '/' || path.indexOf('/?') > -1) {
          return;
        }
        else if (path.indexOf('?') > -1) {
          $location.replace().path(path.replace('?', '/?'));
        }
        else {
          $location.replace().path(path + '/');
        }
      });

      // etc ...
    });
});

Answer 2

Wenn Sie vue-router verwenden, können Sie an die Liste der Routen anhängen:

{
  path: '/_=_',
  redirect: '/', // <-- or other default route
},

Answer 3

Kürzlich wurde eine Änderung in der Art und Weise eingeführt, wie Facebook Sitzungsumleitungen handhabt. Siehe "Änderung des Verhaltens bei der Sitzungsumleitung" in der dieswöchigen Operation Entwicklerliebe Blog-Post für die Ankündigung.

Answer 4

Für mich mache ich eine JavaScript-Umleitung auf eine andere Seite, um die #_=_ . Die folgenden Ideen sollten funktionieren :)

function redirect($url){
    echo "<script>window.location.href='{$url}?{$_SERVER["QUERY_STRING"]}'</script>";        
}

Answer 5

Ein Workaround, der bei mir funktioniert hat (unter Verwendung von Backbone.js), war das Hinzufügen von "#/" am Ende der an Facebook übergebenen Weiterleitungs-URL. Facebook wird das bereitgestellte Fragment behalten und nicht sein eigenes "_=_" anhängen.

Nach der Rückkehr entfernt Backbone den "#/"-Teil. Für AngularJS sollte das Anhängen von "#!" an die Rückgabe-URL funktionieren.

Beachten Sie, dass die Fragmentkennung der ursprünglichen URL bei der Weiterleitung (über die HTTP-Statuscodes 300, 301, 302 und 303) von den meisten Browsern beibehalten wird, es sei denn, die weitergeleitete URL hat ebenfalls eine Fragmentkennung. Diese scheint ein empfohlenes Verhalten zu sein .

Wenn Sie ein Handler-Skript verwenden, das den Benutzer an eine andere Stelle weiterleitet, können Sie hier "#" an die Weiterleitungs-URL anhängen, um den Fragmentbezeichner durch eine leere Zeichenfolge zu ersetzen.