Social Login via HybridAuth für Facebook, Google+, Amazon, LinkedIn

Social Login via HybridAuth für Facebook, Google+, Amazon, LinkedIn

von: portrino

Version:

50,00 €  *
Dieser Hersteller reagiert schnell auf Supportanfragen
    port171127432370
  • 1.1.4
  • 28.06.2017
  • de_DE en_GB
  • 5.2.14 – 5.2.26
.hybrid--bullet-list { margin-left: 20px; } Login über Facebook,... mehr

Produktinformationen

Login über Facebook, Google+, LinkedIn und Amazon

Mit dem Plugin Portrino HybridAuth - Social Login ermöglichen Sie Ihren Kunden sich direkt über eines der bekannten sozialen Netzwerke Facebook, Google+, LinkedIn und Amazon in Ihrem Shop zu registrieren.

Das Plugin ist zudem für den Einsatz in Subshops optimiert.

Logins über soziale Netzwerke sind sehr hilfreich und werden bereits von vielen Web-Applikationen angeboten um sich schnell und einfach via Single-Sign-On zu registrieren bzw. einzuloggen.

Geben Sie Ihren Kunden die Chance sich mit einem Klick zu connecten!

Prozess für neue Kunden

Wenn ein neuer Kunde sich via Social Login in Ihrem Shop registriert, wird er als Kunde in der Datenbank
angelegt und danach sofort eingeloggt.

Sollten seine Stammdaten nicht vollständig sein, muss er diese spätestens im Checkout Prozess ausfüllen.

Wir haben uns dagegen entschieden eine zusätzlichen Registrerungsschritt mit der Abfrage der restlichen Stammdaten
nach dem Social Login einzubauen, da dies möglicherweise ein Hürde für den Kunden darstellt.

Prozess bei bestehenden Kunden

Ist ein Nutzer bereits registrierter Kunde in Ihrem Shop wird dieser solange der Social Login Cookie aktiv ist
eingeloggt. Ist der Cookie nicht mehr verfügbar oder die Session abgelaufen kann der Nutzer sich über
einen Klick auf den jeweiligen Social Login Button anmelden. Eine erneute Registrierung ist nicht notwendig.

Hinweis: Die Identifierung des Kunden erfolgt über seine eindeutige ID, welche vom Social Provider vergeben wird.

Spezial Fall: “Kunde mit gleicher E-Mail Adresse bereits im System”

Ist beispielsweise ein Kunde bereits via Google in Ihrem Shop registriert und möchte sich später via
Facebook anmelden und hat bei beiden Social Providern die gleiche E-Mail Adresse, so werden beide
Identitäten verknüpft. Im Shop bleibt er ein Nutzer. Dieser Fall tritt jedoch recht selten auf, da die meisten
Nutzer sich üblicherweise über einen Social Provider anmelden.

Spezial Fall: Passwort

Um den Single Sign On Prozess so schlank wie möglich zu halten haben wir auf einen Zwischenschritt zur Registrierung verzichtet. Dadurch wird der Nutzer direkt im Shop eingeloggt. Jedoch hat er dadurch keine Möglichkeit ein Passwort für seinen Account zu vergeben.

Es wird ein zufälliges Passwort generiert und während des Single Sign On für den Kunden vergeben, da Shopware dies voraussetzt.

Die einzige Möglichkeit das Passwort zu ändern ist es dieses via Anmeldeformular zurückzusetzen. Der Kunde bekommt
dann eine E-Mail und kann via Link das Passwort zurücksetzen.

Für Nutzer, die sich via Social Network registriert haben, wird nach dem Login unter Persönliche Daten ein Hinweis eingeblendet. Dieser Hinweis enthält zudem den Link zum Passwort zurücksetzen Formular. (Der Hinweistext kann von Ihnen als Shop-Betreiber frei konfiguriert werden. Weitere Informationen entnehmen Sie bitte den Installationshinweisen.)

Prozess beim Ausloggen

Wenn ein angemeldeter Kunde den “Logout Button” klickt, loggen wir Ihn auch von allen Social Providers aus und
invalidieren die Session. Bei Facebook, Google etc. selbst ist er natürlich noch angemeldet.

Bewertungen lesen, schreiben und diskutieren... mehr

Kundenbewertungen

Durchschnittliche Kundenbewertung aus 1 Bewertungen:

Gesamt
Funktionalität
Bedienung
Dokumentation
Support

4 social logins zu einem Preis

12.04.2017

ich hatte testweise ein anderes social login und war gar nicht zufrieden. Nachdem es mir den Shop zerschossen hat und der Support nicht auf meine Anfragen einging, habe ich mich nach einem anderen plugin umgeschaut und dieses gefunden. Leider ohne Bewertung, daher war ich skeptisch. Der andere social login hatte nur positive Bewertungen, aber das bringt mir meine Datenbank auch nicht zurück. Daher für dieses plugin eine absolut positive Bewertung. Das plugin ist super, Die Doku sehr gut und selbst der Support funktioniert. Hatte wohl vergessen mein Theme zu kompelieren und mir fehlten die Farben in den Icons. Der Support war zügig da.

Gesamt
Funktionalität
Bedienung
Dokumentation
Support

Installationsanleitung

Installation

Laden Sie das Plugin aus dem Shopware Store herunter und installieren Sie es im Plugin Manager.

Konfiguration

Klicken Sie bitte im Plugin-Manager auf das Stift-Icon des Plugins "Portrino HybridAuth - Social Login". Nachdem sich das Plugin öffnet, können Sie im Tab "Konfiguration" verschiedene Einstellungen vornehmen. Diese sollen im folgenden näher erläutert werden.

Allgemein

FontAwesome einbinden

FontAwesome wird als Icon-Schrift genutzt um die Symbole von Google+, Facebook und co. anzuzeigen. Um die Icons darstellen zu können ist es notwendig, dass die Schriftart eingebunden wird. Standardmäßig wird FontAwesome 4.7.0 (http://fontawesome.io/) via CDN vom Plugin eingebunden. Wenn Sie FontAwesome bspw. bereits in Ihrem Template einbinden, ist es sinnvoll nicht erneut zu integrieren.

Standard Land (fallback)

Bitte wählen Sie hier unbedingt ein Land als Fallback aus!

Dies ist notwendig, da die Auswahl eines Landes von Shopware für alle Kunden notwendig ist. Wenn das Land des Nutzers nicht über das Plugin vom Social Provider ermittelt werden kann (z.B.: Name des Landes, ISO Code, …), dann wird auf dieses Land ausgewichen.

Hybrid Auth

Debug Mode

Sollte das "Portrino HybridAuth - Social Login" Plugin nicht korrekt funktionieren, ist der Debug-Modus sehr hilfreich. Dabei werden zusätzliche Informationen während des Login-Prozesses gesammelt und in einer von Ihnen definierten Datei abgelegt.

Das Plugin nutzt die Hybrid Auth Bibiliothek (https://hybridauth.github.io/documentation.html) und unterstützt die gleichen Debug-Modis: false|info|debug|error

Debug File

Geben Sie hier den Pfad ein, in welchem die Debug Datei gespeichert werden soll.

Wichtig ist, dass Sie einen Ordner wählen auf welchem Schreibrechte bestehen. Empfohlen ist der Unterordner /var/log/ innerhalb Ihres Shop-Ordners. Um Ihren Shop-Ordner herauszufinden können Sie bspw. im Shopware-Backend unter "Einstellungen > Systeminfo > Tab: PHP-Info" nach $_SERVER['SCRIPT_FILENAME'] suchen. (Für Linux-Nutzer: pwd im Shopware-Root auf der CLI.) Der hier angegebene Wert könnte /var/www/k12345/public_html/shopware.php lauten. Kopieren Sie diesen Wert, hängen Sie den Unterordner und Dateinamen an und tragen Sie ihn abgeändert in das Feld "Debug Datei" ein. Der Pfad könnte als wie folgt lauten: /var/www/k12345/public_html/var/log/hybridauth.log

Social Provider

Momentan steht für folgende Anbieter ein Social Login über das Plugin bereit:

  • Facebook
  • Google
  • Amazon
  • LinkedIn

Für alle Anbieter gibt es ähnliche Konfigurationsparameter

  • Aktiviert: Soll der Social Provider im Shop-Frontend angezeigt werden?
  • Client-ID: der Identifier des OAuth-Clients
  • Clientschlüssel: das zughörige Passwort zum Client
  • Scope (optional): umfasst die Berechtigungen, die von dem jeweiligen Social Provider erfragt werden.

Leeren Sie bitte den Shop-Cache, nachdem Sie Änderungen an der Konfiguration vorgenommen haben!

Facebook

1.) Gehen Sie zunächst auf https://developers.facebook.com/

2.) Fügen Sie eine neue App hinzu
und geben Sie anschließend Ihre Informationen im ein:

3.) Fügen Sie im Produkt-Setup das Produkt "Facebook Login" hinzu:

4.) Aktivieren Sie nun in den Client-OAuth-Einstellungen folgende Optionen

  • Client-OAuth-Anmeldung
  • Web-OAuth-Anmeldung
  • Eingebettete Browser-OAuth_Anmeldung

5.) Geben Sie eine gültige OAuth Redirect URI ein.

Diese URL sollte folgendes Format haben:
http://www.ihre-domain.de/hybridauth?hauth_done=Facebook

6.) Kopieren Sie die relevanten Informationen aus Facebook in die Shopware-Plugin-Konfiguration:

  • Gehen Sie auf das Facebook Developers Dashboard
  • Kopieren Sie App-ID und App-Geheimcode
  • Fügen Sie diese in Shopware in die Felder >Facebook :: App-ID und >Facebook :: App-Geheimcode ein
  • Wählen Sie im Dropdown Facebook :: Aktiviert "Ja" aus
  • Geben Sie optional einen Scope ein. Weitere Informationen dazu finden Sie unter: https://developers.facebook.com/docs/facebook-login/permissions.
  • Speichern Sie Ihre Änderungen am Plugin und leeren Sie den Shop-Cache!

Google

1.)Gehen Sie zunächst auf https://console.developers.google.com/

2.) Erstellen Sie zunächst ein Projekt
und geben Sie anschließend Ihre Informationen im ein:

Warten Sie bis das Projekt erstellt wurde - das kann einige Sekunden dauern.

3.) Gehen Sie zu Menüpunkt Zugangsdaten
4.) und klicken Sie dort auf Anmeldedaten erstellen

5.) Wählen Sie OAuth-Client-ID und anschließend Webanwendung aus
6.) Geben Sie den Namen den Sie für Ihre Applikation verwenden möchten (bspw. den Namen Ihres Shops)
7.) Geben Sie die Autorisierte Weiterleitungs-URI ein.
Diese sollte folgendermaßen aussehen:
http://www.ihre-domain.de/hybridauth?hauth.done=Google


8.) Aktivieren Sie die Google+ API.
Gehen Sie dazu auf das Dashboard, klicken Sie auf "API aktivieren" und wählen Sie anschließend Google+ aus.


9.) Kopieren Sie die relevanten Informationen aus Google in die Shopware-Plugin-Konfiguration:

  • Wechseln Sie dazu zurück in den Punkt Zugangsdaten in der Google Console.
  • Kopieren Sie Client-ID und Clientschlüssel
  • Fügen Sie diese in Shopware in die Felder Google :: Client-ID und Google :: Clientschlüssel ein
  • Wählen Sie im Dropdown Google :: Aktiviert "Ja" aus
  • Geben Sie optional einen Scope ein. Weitere Informationen dazu finden Sie unter: Weitere Information dazu unter: https://developers.google.com/identity/protocols/googlescopes.
  • Speichern Sie Ihre Änderungen am Plugin und leeren Sie den Shop-Cache!

Amazon

Sie benötigen eine SSL-Verbindung zu Ihrem Shop, damit das Single-Sign-On via Amazon funktioniert.

1.)Gehen Sie zunächst in die Amazon Seller Central unter https://sellercentral.amazon.com/gp/homepage.html

2.) Klicken Sie auf Register new application
und geben Sie anschließend Ihre Informationen im ein:

3.) Geben Sie anschließend Ihre Daten ein.

4.) Rufen Sie den Punkt Web Settings auf
5.) Geben Sie die Allowed Return URL ein
Diese sollte folgendermaßen aussehen:
https://www.ihre-domain.de/hybridauth?hauth.done=Amazon