Вход через 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", имя приложения и ссылку на главную страницу нашего сайта, после нажимаем кнопку "создать"

Поздравляю, Вы получили необходимые ключи, сохраните их где-то у себя, мы вставим их в админ панеле чуть позже.

Для корректной работы необходимо подтвердить право на домен, для этого нам необходимо перейти в раздел "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