Настройка авторизации через Google

Как настроить авторизацию посетителей сайта через Google в личном кабинете и для оформления заказа

Если у вас несколько сайтов, то авторизацию нужно настроить отдельно для каждого сайта.
  1. Зарегистрируйтесь в «Гугле».
  2. Откройте страницу https://code.google.com/apis/console#access.
  3. Создайте новый проект кнопкой «СОЗДАТЬ ПРОЕКТ».

  4. Введите любое название, используя латинские буквы, цифры, кавычки, дефисы, пробелы или восклицательные знаки.



  5. На странице с информацией о проекте перейдите по ссылке «Перейти к настройкам проекта».



  6. Откройте раздел «API и сервисы → Учетные данные».



  7. Откройте вкладку «Окно запроса доступа OAuth».



  8. Прокрутите страницу вниз и введите доменное имя своего сайта в поле «Авторизованные домены».



    Сохраните настройки окна запроса доступа.
  9. На вкладке «Учетные данные» создайте учетные данные. Выберите вариант «Идентификатор клиента OAuth».

  10. Выберите тип приложения «Веб-приложение».

    В поле «Разрешенные URI перенаправления» введите адрес вида http://mydomain.ru/oauth.php?provider=google. Замените mydomain.ru на домен своего сайта.



    Сохраните изменения кнопкой «Создать».
  11. Скопируйте значения «Ваш идентификатор клиента» и «Ваш секрет клиента».



  12. Войдите в бекенд Вебасиста и перейдите в приложение «Сайт».
  13. В списке сайтов выберите тот, для которого вы настраиваете авторизацию через «Гугл».
  14. Откройте раздел «Личный кабинет».
  15. Включите авторизацию для выбранного сайта.





    Если авторизация для этого сайта уже включена, в секции «Способы входа и регистрации» включите «Социальные сети (дополнительный способ входа)».



  16. Включите флажок напротив Google.



  17. Вставьте скопированные значения «Идентификатор клиента» и «Секрет клиента» в поля настройки авторизации через «Гугл».
  18. Сохраните настройки авторизации внизу страницы.
  19. Проверьте, как работает авторизация:
    • Откройте свой сайт в режиме браузера «инкогнито». Или в другом браузере, где вы не авторизованы ни в своем Вебасисте, ни в «Гугле».
    • Перейдите по ссылке «Вход».
    • Щелкните по иконке «Гугла».



    • Введите данные для входа в сервис.



    • После обновления страницы откроется личный кабинет зарегистрированного посетителя вашего сайта.

Готово! Авторизация через Google настроена.

10 комментариев

  • +1
    Юлия Юлия 7 августа 2017 04:49 #

    Ошибка при авторизации, все делал по инструкции, коды скопировал два раза, URI тоже

    Скорее всего на стадии 11

    В поле «Разрешенные URI перенаправления» введите адрес вида http://mydomain.ru/oauth.php&provider=google. Замените mydomain.ru на домен своего сайта.

    Ошибка:

    Error: invalid_client The OAuth client was not found. Request Details response_type=code client_id= 604884846880-8rncjmgsg7lnu22eclonc1sgph8dddp3.apps.googleusercontent.com scope=https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile approval_prompt=force redirect_uri=http://zaparvape.ru/oauth.php?provider=google state=5728f73ede0185d66aea23694263506f
    • +1
      Михаил Ушенин Михаил Ушенин Webasyst 7 августа 2017 09:50 #

      Возможно, вы удалили клиента (client) в настройках проекта в консоли разработчика Google. Попробуйте добавить нового клиента в разделе "Учётные данные" (см. шаг 6 в этой статье).

      • +1
        Евгений Евгений 5 сентября 2017 07:53 #

        вернулся к проблеме, удалил проект, создал новый, создал одного клиента, ввел http://zaparvape.ru/oauth.php?provider=google

        сохранил, скопировал данные, убрал лишние пробелы. И опять так же. Не могу понять никак в чем беда.

        Создал второго клиента, его опробовал, тоже самое.

        • +1
          Евгений Евгений 5 сентября 2017 08:03 #

          проблема решена волшебным образом после подтверждения прав на домен (третья вкладка), ввода настройках окна запроса доступа url главной страницы и логотипа (наверно логотип помог), неудачной попытки опять, снова копирование Id, убрав все пробелы слева и справа.

        • +1
          Александр Грегораш Александр Грегораш 12 августа 2017 16:09 #

          Хелп!!! :)))

          400. That’s an error.
          Error: redirect_uri_mismatch The redirect URI in the request, http://kedr-megre.com.ua/oauth.php?provider=google, does not match the ones authorized for the OAuth client. Visit https://console.developers.google.com/apis/credent... to update the authorized redirect URIs.
        • +1
          Максим Максим 20 сентября 2018 13:50 #

          Начиная с п.6 требуется корректировка инструкции, Диспетчера API не видно

        • +2

          Перепишите документацию, интерфейс у Google давно изменился!

          Добавить комментарий

          Чтобы добавить комментарий, зарегистрируйтесь или войдите