Facebook-Registration/Login Integration

[T4k3C4r3]

Guten Abend,

Ich versuche zurzeit die Facebook Funktionen --> Reg./login in meine Webseite zu integrieren.

Ich habe schon das Formular und alles von developer.facebook.com doch ich habe wenig Ahnung, wie ich diese Daten in eine Datenbank eintragen kann, bzw die Daten verarbeiten kann.

Dasselbe auch mit dem Login!

Habt Ihr vllt gute Tutorials (Wenn möglich auf Deutsch) dafür ? Würde mich über Links sehr Freuen!

Mfg T4k3C4r3

 

[threadi]

Facebook selbst erklärt das am Besten und vor allem mit aktuellen Daten:
Facebook for Websites - Facebook-Entwickler (unter Authentication)

Hinweis: Es gibt im Web noch viele andere Tutorials, englisch wie deutsch, die sind jedoch größtenteils veraltet da Facebook letztes Jahr die bisher dafür verwendete Sprache FBML abgeschafft hat. Den aktuellen Stand der Technik findest Du daher immer direkt bei Facebook.

 

[T4k3C4r3]

Ich habe diesen Script (Quelle: 9lessons)

                <iframe src='http://www.facebook.com/plugins/registration.php?client_id=MEINEAPPID&redirect_uri=http://meineseite.de/ordner/speichern.php?&fields=[
                        {"name":"name"},
                        {"name":"email"},
                        {"name":"password"},
                        {"name":"gender"},
                        {"name":"birthday"},
                        {"name":"captcha"},
                        {"name":"phone", "description":"Phone Number", "type":"text"}
                        ]'
                        scrolling="auto"
                        frameborder="no"
                        style="border:none"
                        allowTransparency="true"
                        width="500"
                        height="600">
                </iframe>

Doch noch ausfüllen des Formulars werde ich nur auf speichern.php (auswertungs datei) und nicht auf speichern.php?fields=... weitergeleitet. Wo ist das Problem ?

Mfg

 

[threadi]

Du meinst das hier?
User Signup using Facebook Data

Was Du willst erfordert keine Facebook-App (die Du wahrscheinlich nicht erstellt hast?). Folglich ist das hier die falsche Anleitung für deinen Fall.

 

[T4k3C4r3]

Also mein Ziel wäre ein Registration über Facebook , wo ich die Daten dann in ne MySQl Datenbank schreiben kann. Bin ich dann bei deinem ersten Link Richtig?

Edit: Und dann natürlich einen Dementsprechenden Login mit den Vorhandenen Daten in der MySql-Db. Facebook-App ist vorhanden!

Grüße

 

[threadi]

Ja, in dem Link steht wie man so ein Formular für Registrierung/Login erreichen kann. Sieht man wunderbar auch an den Screenshots dort. Eine Facebook-App brauchst Du dafür nicht.

 

[T4k3C4r3]

Aber wo bekomm ich dann ne App-Id her, die man in jedem Script durch seine eigene ersetzten muss ?

 

[threadi]

Das ist eine AppID die zu deiner Webseite gehört, du musst quasi nur deine Webseite über den Link dort anmelden. Das steht doch in dem Text von Facebook alles drinne:

The JavaScript SDK requires that you register your website with Facebook to get an App ID (or appId).

 

[T4k3C4r3]

wenn man auf den Link geht: register your website, muss man dort dann auf den blauen button klicken "Neue Anwendung erstellen" ?

falls ja, hab ich das berreits gemacht und das ist doch eine app oder ?

Grüße

 

[threadi]

Als ich das das letzte Mal gemacht habe (ist schon ne Weile her) war es nicht das Selbe. Das spielt jetzt aber keine Rolle. Wenn Du nach der Anleitung von Facebook vorgehst, sollte es auch klappen.

 

[T4k3C4r3]

Das bin ich bis jetzt doch es Tritt ein Fehler auf:

<div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : 'KeinesorgeAppidistbesetzt',
            status     : true, 
            cookie     : true,
            xfbml      : true,
            oauth      : true,
          });
        };
        (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>
<div class="fb-login-button">Login with Facebook</div>

<div 
    class="fb-registration" 
    data-fields="[{'name':'name'}, {'name':'email'},
        {'name':'favorite_car','description':'What is your favorite car?',
        'type':'text'}]" 
    data-redirect-uri="http://meineseite.de/speichern.php"
</div>

und wenn ich auf den Loginbutton drüke passiert garnichts! :/ Kennst du vllt das Problem ?

Und es kommt der Fehler : Invalid client_id

 

[T4k3C4r3]

Threadi, kannst du mir bitte noch weiterhelfen?

Grüße

 

[threadi]

Wie gesagt, ich habe das ewig nicht mehr genutzt. Wenn ich nach der Fehlermeldung in Zusammenhang mit Facebook suche finde ich z.B. diesen Tipp:
fbml - Facebook API's fb:registration returning "Invalid 'client_id'" when not connected to Facebook - Stack Overflow
Sprich: gib deine App für alle Nutzer frei.

 

[T4k3C4r3]

App ist öffentlich, Sandbox-Mode Deaktiviert! Leider Erscheint der Fehler immer noch.

Aber Danke für Deine Hilfe!

Grüße