Вхід через Google

Один з варіантів реєстрації / входу в особистий кабінет на сайті - це вхід через Google аккаунт.
Для того, що б все правильно працювало, нам необхідно мати значення: "Client ID" і "Client secret".

Якщо у вас немає цих значень, тоді Вам треба їх створити в google console ось посилання на сайт: https://console.cloud.google.com

Пройдіть по посиланню, при необхідності введіть свої облікові дані для входу в Gmail. У випадаючому списку проектів, натисніть створити "новий проект",

в формі введіть ім'я проекту і натисніть кнопку "Створити".

Далі нам потрібно налаштувати екран згоди, натискаємо на меню "OAuth consent screen" і кнопку "Create"

заповнюємо форму, вказуємо назву нашого додатку, який буде відображатися у вікні логіна, пошту, посилання на сайт, а так само можемо прикріпити свій логотип.

Далі заходимо в меню APIs & Services -> Credentials натискаємо "+ Create credentials" і вибираємо "OAuth client ID"

і заповнюємо форму, вказуємо тип програми "Web", назва програми і посилання на головну сторінку нашого сайту, після натискаємо кнопку "Create"

Вітаю, Ви отримали необхідні ключі, збережіть їх десь у себе, ми вставимо їх в адмін панелі трохи пізніше.

Для коректної роботи необхідно підтвердити право на домен, для цього нам необхідно перейти в розділ "QAuth consent screen" і натиснути "EDIT APP"

і після цього перейти в "Authorized domains"

вказуємо посилання на наш сайт

Найбільш швидкий метод підтвердити домен це через "Html tag", який знаходиться у вкладці альтернативних методів.

На відкрившійся формі копіюємо ключ метатега, значення між лапками в content (весь метатег копіювати не потрібно, так як у нас в адмін частини є спеціальний функціонал для підтвердження домену).

Відкриваємо адмін панель нашого сайту, SEO -> SEO налаштування та находимо там Google site Verification key і вставляємо раніше скопійований ключ для підтвердження домену, зберігаємо.

Повертаємося в гугл консоль і натискаючи кнопку "підтвердити".

Все, вітаю, Ваш домен в списку підтверджених.


Далі, повертаємося до наших ключам "Client ID" і "Client secret". Відкриваємо адмін панель, налаштування -> інтеграція і знаходимо відповідні поля
Google CLIENT_ID і Google CLIENT_SECRET, заповнюємо їх даними наших гугл ключів і зберігаємо, перевіряємо чи включена у нас авторизація через Гугл в цьому ж розділі налаштувань адмін панелі.

Тепер Ваші клієнти можуть користуватися авторизацією через гугл і заходити в свій особистий кабінет за щитані секунди, щоб не заповнювати форми авторизації.

Оновлено: 20/09/2023
icon