Konfiguracja logowania przez Facebook

Z instrukcji tej dowiesz się jak zaimplementować logowanie za pomocą Facebook/Meta na swoim panelu klienta.

1. Wchodzimy na stronę “Facebook for Developers” i z menu u góry wybieramy “Log In”, po czym logujemy się na nasze konto Facebook:

2. Po zalogowaniu z menu wybieramy “Get Started”(a)

Jeżeli na koncie Facebook są już jakieś aplikacje, zamiast "Get Started" zobaczymy "My Apps"(b). W takim przypadku można od razu przejść do punktu 6

3. Wybieramy “Continue”, następnie podajemy numer telefonu i wysyłamy weryfikujący SMS

4. Wpisujemy kod z otrzymanej wiadomości SMS i wybieramy “Continue”, następnie potwierdzamy nasz adres email wybierając “Confirm Email”

5. Zaznaczamy którąś z ról, z którą się identyfikujemy i wybieramy “Complete Registration”

6. Po zarejestrowaniu wybieramy “Create App”

7. Wybieramy business portfolio (nie jest to obowiązkowe, ale często w późniejszych etapach Facebook tego wymaga do prawidłowego działania):

Wybieramy opcję, że nasza aplikacja służy do logowań dla klientów:

8. Wprowadzamy nazwę aplikacji i mail kontaktowy.

Po wprowadzeniu danych klikamy Next oraz w kolejnym kroku Create app.

9. Nasza aplikacja jest już stworzona.

Po dodaniu, z menu po lewej na dole wybieramy “App settings” -> “Basic”.

Należy odpowiednio wprowadzić należy dane i je zapisać. Poniżej są wskazówki co gdzie należy wpisać.

Wybierz Use cases -> Customize:

Następnie wybierz Ustawienia i przełącz checkbox "Login with the JavaScript SDK" oraz dodaj link do Twojego panelu klienta. Po tych krokach zapisz zmiany na dole strony.

Po lewo publikujemy aplikację:

Wracamy do Publish i zatwierdzamy na dole po prawo:

10. Następnie należy wybrać Products -> Configure -> Settings

Teraz będąc w ustawieniach zmieniamy “przełącznik” przy “ Login with the Javascript SDK” na “ Yes”. Wprowadzamy link do Państwa panelu klienta poniżej i zapisujemy ustawienia:

11. Kolejno przechodzimy do App Review i wybieramy " Request Permissions or Features "

Przy Authentication and account creation wybieramy Edit:

Dodajemy dostęp do email. Do public_profle dostęp powinien już być - jeśli nie ma dodajemy go również:

12. Przyciskiem Go back wracamy na stronę główną i klikamy znowu w Settings -> Basic.

Tam znajdziemy nasze dane do wprowadzenia na panelu administratora - App ID i App secret.

13. Wchodzimy na panel administratora

W Konfiguruj markę -> Opcje logowania i wprowadzamy nasze dane z panelu Facebook oraz zaznaczamy checkbox przy opcji logowania przez Facebooka i zapisujemy dane.