Konfigurowanie autoryzacji przez Google

Jak skonfigurować autoryzację odwiedzających witrynę za pośrednictwem Google na koncie osobistym i do realizacji zamówienia.

Google logo
Jeśli masz kilka witryn internetowych, autoryzację należy skonfigurować osobno dla każdej witryny.
  1. Zarejestruj się w "Google".
  2. Otwórz stronę https://console.cloud.google.com/cloud-resource-manager.
  3. Utwórz nowy projekt za pomocą przycisku "CREATE PROJECT".
  4. CREATE PROJECT
    CREATE PROJECT Google API


  5. Wpisz dowolny tytuł i kliknij "CREATE".
  6. Nowy projekt Google API
    Nowy projekt Google API


  7. Wybierz punkt menu „Solutions → All products”:
  8. Menu Solutions → All products
    Solutions → All products


  9. Kliknij na "Management → APIs & Services".
  10. Link Management → APIs & Services
    Management → APIs & Services


  11. Otwórz sekcję „OAuth consent screen”:
  12. Otwórz sekcję „OAuth consent screen”
    OAuth consent screen


  13. Wybierz "User Type → External" i naciśnij "CREATE".
  14. User Type → External
    User Type → External


  15. W kroku „1. OAuth consent screen” wprowadź nazwę aplikacji, którą odwiedzający zobaczą po zalogowaniu się do Twojej witryny za pośrednictwem Google oraz adres e-mail, pod którym użytkownicy mogą kontaktować się z Tobą w razie pytań:
  16. App information
    App information


  17. Na dole strony w sekcji „Authorized domains” dodaj nazwę domeny swojej witryny:
  18. Authorized domains
    Authorized domains


  19. W sekcji „Developer contact information” wprowadź adres e-mail, na który Google będzie wysyłać informacje o zmianach w pracy tego projektu:
  20. Sekcja Developer contact information
    Developer contact information


  21. Kliknij przycisk „SAVE AND CONTINUE”.
  22. W krokach „2. Scopes” i „3. Test users” kliknij przycisk „SAVE AND CONTINUE”.
  23. Otwórz sekcję „Credentials”:
  24. APIs & Services → Credentials
    APIs & Services → Credentials


  25. Kliknij przycisk „CREATE CREDENTIALS” i wybierz „OAuth client ID”:
  26. Credentials → OAuth client ID
    Credentials → OAuth client ID


  27. Wybierz typ aplikacji "Web application".

    W polu "Authorized redirect URIs" wpiś adres o postaci https://mydomain.com/oauth.php?provider=google. Zamień mydomain.com na domenę swojej strony internetowej.

    Wybór typu aplikacji
    Wybór typu aplikacji


    Zapisz zmiany za pomocą przycisku "CREATE".


  28. Skopiuj wartości dla "Client ID" i "Client Secret":
  29. Kopiowanie „Client ID” i „Client Secret”
    Kopiowanie „Client ID” i „Client Secret”


  30. Otwórz aplikację "Witryna" w swoim backendzie >Web Systems Pro<.
  31. Na liście witryn w lewym górnym rogu wybierz tę, dla której chcesz skonfigurować autoryzację przez Google.
  32. Otwórz sekcję "Konto osobiste".
  33. Jeśli autoryzacja dla wybranej witryny nie jest włączona, włącz ją za pomocą przełącznika:
  34. Włączenie Konto osobistego
    Włączenie Konto osobistego w backendzie Web Systems Pro


  35. W sekcji „Sposoby logowania i rejestracji” włącz przełącznik „Sieci społecznościowe (opcjonalny sposób logowania)”:
  36. Włączenie logowania Sieci społecznościowych
    Włączenie logowania Sieci społecznościowych


  37. Zaznacz pole obok Google.
  38. Podłączenie logowania przez Google
    Podłączenie logowania przez Google


  39. Wklej skopiowane wartości „Your Client ID” i „Your Your Client Secret” do pól „Identyfikator klienta” i „Identyfikator Sekret klienta”.
  40. Zapisz ustawienia autoryzacji na dole strony.
  41. Sprawdź jak działa autoryzacja:
    • Otwórz swoją stronę w trybie "incognito" przeglądarki. Lub w innej przeglądarce, w której nie masz autoryzacji w Web-systems.pro lub Google.
    • Kliknij na link "Zaloguj się".
    • Kliknij na ikonę Google:
    • Przykład formularza logowania na stronie internetowej
      Przykład formularza logowania na stronie internetowej


    • Wprowadź dane logowania do usługi:
    • Przykład formularza logowania przy użyciu Google
      Przykład formularza logowania przy użyciu Google


    • Po odświeżeniu strony otworzy się konto osobiste zarejestrowanego użytkownika witryny.

Gotowe! Autoryzacja przez Google jest skonfigurowana.



Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!