Google Chrome Extension + Anmeldung mit Facebook + Parse

7

Ich versuche, eine Google Chrome-Erweiterung zu erstellen, ein Anwendungsfall erfordert, dass Benutzer sich mit Facebook anmelden und über einen Beitrag auf ihrer Facebook-Seite teilen können.

Der korrekte Anwendungsablauf wäre so:

  1. Der Benutzer klickt auf die Google Chrome-Erweiterung - Seite mit der Aufforderungsverlängerung
  2. Der Nutzer klickt auf der Erstreckungsseite (oder in einem neuen Tab) auf "Login with facebook". Die Nutzer sehen dann die "App genehmigen" von Facebook
  3. Der Benutzer genehmigt die App
  4. Der Benutzer wird auf eine neue Seite weitergeleitet, die sich für die Installation und Verarbeitung aller benötigten Benutzerinformationen bedankt ODER der Benutzer wird zurück zur google chrome-Erweiterung geschickt (besser gesagt)
  5. Wenn der Benutzer nicht an die Google Chrome-Erweiterung zurückgesendet wird, sollte er dazu aufgefordert werden, aber wie werden die Daten an die Google Chrome-Erweiterung weitergeleitet?
  6. Der Nutzer öffnet die Chrome-Erweiterung von Google. Er sollte jetzt "Hi John" oder eine ähnliche Funktion anstelle von "Mit Facebook anmelden" sehen
  7. Der Benutzer kann nicht auf Facebook
  8. posten

Meine Haupthick-ups sind, sich mit Facebook anzumelden und die Daten zurück zur Erweiterung zu bekommen.

Ich habe eine Facebook-App erstellt, die meisten der Programmierung für die App gemacht, ich versuche, die App nur Javascript (aber ich kann in PHP hinzufügen, wenn es keinen anderen Weg gibt), versucht mit dem Standard Facebook Javascript, und versuchte mit dem Desktop-Client für Facebook.

Hat noch jemand diesen Prozess zum Verbinden von Google Chrome Extensions und Facebook-Login durchgeführt?

Als letzte Anmerkung versuche ich mit Parse für dieses Projekt, also, wenn Sie irgendwelche Insite darüber haben, wäre es auch toll!

Ein gutes Beispiel für das, was ich erreichen möchte, ist ähnlich wie bei Any.do Ссылка

    
Scott Roepnack 21.09.2012, 19:49
quelle

3 Antworten

19

Ich hatte diese Art von Problem in letzter Zeit;). Es ist ein bisschen kompliziert, aber ich werde versuchen, es auf die einfachste Weise zu erklären.

Setzen Sie irgendwo in Ihre Erweiterung (vielleicht Optionen Seite) Link "Login mit Facebook", die zu: https://www.facebook.com/dialog/oauth?client_id=<APP_ID>&response_type=token&scope=<PERMISSIONS>&redirect_uri=http://www.facebook.com/connect/login_success.html

umleitet

Wenn jemand auf diesen Link klickt, wird er aufgefordert, Berechtigungen zu erteilen (Facebook-Seite). Wenn jemand zustimmt, wird die Seite geladen: http://www.facebook.com/connect/login_success.html mit den Parametern access_token und expires_in in der Adresse.

Nun sollte die Hintergrundseite folgendes Skript haben:

%Vor%

Und so erhalten Sie Zugangstoken von Facebook. Jetzt können Sie Anfragen an Ссылка senden.

Ich hoffe, ich habe geholfen;)

    
Marcin Wieprzkowicz 21.09.2012, 22:02
quelle
2

Um Ihre Frage zu beantworten (Haben Sie nicht genug Kredit zu kommentieren).

Klicken Sie in Ihren Facebook-Entwicklereinstellungen oben auf die Registerkarte Erweitert, und stellen Sie sicher, dass sich "OAuth-Clientanmeldung" & amp; "Eingebetteter Browser-OAuth-Login" werden beide auf "Ja" verschoben und dann musste ich " Ссылка " zu den gültigen OAuth-Weiterleitungs-URIs     

user781404 19.05.2015 17:43
quelle
-1

Jetzt hat Facebook den Speicherort der "Client Oauth Login" Schaltfläche geändert. Sie müssen ein Produkt hinzufügen und nach dem Hinzufügen von Facebook Login finden Sie hier

    
Kamal Kumar 12.08.2016 10:40
quelle