Jak dodać logowanie przez Facebook?

Tworzenie aplikacji i jej konfiguracja w Facebook for Developers.

1. Przejdź do strony developers.facebook.com i zaloguj się na swoje konto Facebook.
   
   
   
    
2. Po zalogowaniu się w prawym górnym rogu wybierz My Apps, a następnie kliknij w przycisk Create App.
   
   
   
    
3. Wprowadź dowolną nazwę aplikacji w polu App name oraz kontaktowy adres e-mail w polu App contact email, a następnie kliknij Next.
   
   
   
    
4. W następnym kroku wybierz opcję Other.
   
   
   
    
5. Typ aplikacji wybieramy jako Consumer.
   
   
   
    
6. Na końcu wybieramy Create App.
   
   
   
    
7. Po utworzeniu aplikacji przechodzimy do Facebook Login i wybieramy Set up.
   
   
   
    
8. Wybieramy opcję Web.
   
   
   
    
9. Wprowadzamy domenę swojego sklepu w Site URL, a następnie klikamy Save i Continue.
   
   
   
    
10. Przechodzimy po kolei do kroku 5 za pomocą przycisku Next.
    
    
    
     
11. W menu bocznym wybieramy App settings, a następnie Basic.
    
    
     

    Uzupełniamy pola:

    Na końcu klikamy przycisk Save changes.
     

    • App domains - wprowadzamy naszą domenę sklepu, np. trisoshop.pl

    • Privacy Policy URL - wprowadzamy link do polityki prywatności sklepu.

    • Terms of Service URL - wprowadzamy link do regulaminu sklepu.

12. Przechodzimy w menu do Facebook Login, a następnie Settings. 
    
    W sekcji Client OAuth settings w polu Valid OAuth Redirect URIs wprowadzamy adres podany w panelu administracyjnym przy uruchomianiu integracji (Integracje -> Pozostałe -> Zaloguj przez Facebook) i klikamy przycisk Save changes.
    
    
    
    
    
     

13. Następnie w menu bocznym wybieramy App Review -> Permissions and Features, znajdziesz tutaj listę dostępnych uprawnień. Aby logowanie przez Facebook działało poprawnie, musisz włączyć odpowiednie uprawnienia:

    • email - umożliwia dostęp do adresu e-mail użytkownika.

    • public_profile - umożliwia dostęp do podstawowych informacji o profilu (np. imię, nazwisko, zdjęcie profilowe).

      Kliknij przycisk Request advanced access obok każdego z wymaganych uprawnień.
       

14. Mamy już wszystkie wprowadzone dane, teraz możemy uruchomić tryb Live aplikacji.
    
    
    
     

15. Wracamy do App settings -> Basic i kopiujemy App ID oraz App secret.
    
    

Włączanie integracji Zaloguj przez Facebook w panelu administracyjnym.

1. Przechodzimy do zakładki Integracje -> Pozostałe -> Zaloguj przez Facebook i klikamy przycisk Dodaj.
2. Wprowadzamy App ID oraz App Secret i klikamy Zatwierdź.
   
   
    
3. Po uruchomieniu integracji możliwość zalogowania się przez Facebook pojawia się w okienku logowania oraz rejestracji.