Авторизация с помощью Google+ — Авторизация через сайты

Вы можете разрешить вашим пользователям проходить процесс авторизации на сайт с помощью их аккаунта в google+. Для этого необходимо сначала получить API ключ. 

Прежде всего перейдите по ссылке ниже и авторизуйтесь в аккаунт Google:

https://console.developers.google.com/iam-admin/projects?pli=1

После этого вам нужно создать новый проект, используя соответствующую кнопку вверху страницы.

Создание нового проекта в Google Developers

Вам будет предложено указать название проекта. Оно имеет не значительную роль, поэтому название может быть введено любое, например название вашего сайта.

Название нового проекта

Далее вы будете перемещены к списку Google API. 

Выберите в списке Google+ API, как показано на изображении:

Выбор API для активации

Теперь активируйте Google+ API

Включение API для поддержки

Теперь мы должны настроить учётные данные для нашего сайта. Нажмите кнопку Создать.

Учётные данные

На странице учётных данных вам будет предложено их создать. Выберите Идентификатор клиента OAuth.

Создаём новые учётные данные

Далее Вы будете проинформированы о том, что нужно указать название продукта для окна запроса доступа. Нажмите кнопку «Настроить окно запроса доступа».

Далее укажите название вашего сайта, его адрес и адрес вашей политики конфиденциальности, как показано на изображении ниже

Далее выберите из списка Веб-приложение и укажите название (можно оставить стандартное). Далее заполните два обязательных поля:

Разрешенные источники JavaScript (укажите URL адрес вашего сайта): 

http://www.site.ru/

Разрешенные URI перенаправления:

http://www.site.ru/applications/core/interface/google/auth.php

Далее выберите Веб-приложение, но перед этим вас попросит указать название продукта, сделайте это.

В поле Разрешенные источники JavaScript укажите адрес домена, но не адрес вашего сайта! Это важно.

В поле Разрешенные URI перенаправления укажите ссылку на файл auth.php.

http://site.ru/applications/core/interface/google/auth.php

После заполнения форм нажмите Сохранить.

Выбираем тип приложения и заполняем формы

После создания приложения, перед вами откроется окно с данными, которые необходимо указать в настройках авторизации Google.

Идентификатор и секретный ключ клиента

Настройки расположены в Система > Настройки > Методы авторизации > Google. 

Сюда вводим идентификатор и секретный ключ

  Report Документ

Инструкция по настройке авторизации через Google OpenID

Статья актуальна для версии магазина: 10.0
Другие версии

| 8. 5
| 8.0
| 6.0
| 5.0

В данной статье мы рассмотрим, как настроить авторизацию в интернет-магазине через Google.

Для настройки вам необходимо иметь учётную запись Google. Если у вас ещё нет учётной записи Google — создайте её.

Как только учётная запись Google создана — перейдите по ссылке и нажмите «Create project»(рис. 1).

Рисунок 1.

Придумайте и введите название проекта, а затем нажмите кнопку «Create» (рис. 2).

Рисунок 2.

После этого откройте меню Google Cloud Platform и перейдите в пункт «APIs & Services — Library» (рис. 3).

Рисунок 3.

На открывшейся странице введите в строку поиска «analytics api» (рис. 4) и нажмите клавишу Enter.

Рисунок 4.

В результатах поиска нажмите на «Google Analytics API» (рис. 5).

Рисунок 5.

На открывшейся странице нажмите на кнопку «Enable» (рис. 6).

Рисунок 6.

Перейдите в раздел «OAuth consent screen» и выберите пункт «External» (рис.7).

Рисунок 7.

На шаге «1. OAuth consent screen» введите название приложения и email-адрес (рис.8).

Рисунок 8.

Внизу страницы в секции «Authorized domains» добавьте доменное имя своего сайта (рис.9).

Если к магазину привязан только поддомен, то в данном разделе укажите домен первого уровня. Поддомен укажем на следующем этапе настройки (рис.12). 

Рисунок 9.

В секции «Developer contact information» введите email-адрес, на который Google будет отправлять вам информацию об изменениях в работе этого проекта, далее нажмите кнопку «SAVE AND CONTINUE» (рис.10).

Рисунок 10.

На шагах «2. Scopes» и «3. Test users» нажмите на кнопку «SAVE AND CONTINUE». Затем откройте раздел «Credentials», нажмите на кнопку «CREATE CREDENTIALS» и выберите «OAuth client ID» (рис. 11).

Рисунок 11.

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

В поле «Authorized JavaScript origins» введите домен.

В поле «Authorized redirect URIs» введите адрес вида https://shop.ru/login. Замените shop.ru на домен своего сайта (рис.12).

Если к магазину привязан только поддомен, то в разделах «Authorized JavaScript origins» и «Authorized redirect URIs» укажите поддомен. 

Нажмите на кнопку «CREATE».

Рисунок 12.

Скопируйте значения «Your Client ID» и «Your Client Secret» (рис.13).

Рисунок 13.

Далее перейдите в административную панель магазина, в раздел «Настройки — Системные настройки» (рис. 14).

Рисунок 14.

В разделе «Авторизация» поставьте галочку напротив «Включен» и укажите ранее скопированные Client ID и Client secret (рис.15).

Рисунок 15.

Теперь клиенты смогу авторизоваться в вашем интернет-магазине с помощью Google (рис. 16, 17).

Рисунок 16.

Рисунок 17.

Готово. Мы рассмотрели, как настроить авторизацию в интернет-магазине через Google.

Другие статьи по теме

• Настройка кнопок авторизации Yandex
• Настройка кнопок авторизации Mail.ru
• Настройка кнопок авторизации Вконтакте
• Настройка кнопок авторизации Facebook*
• Настройка кнопок авторизации Одноклассники

Статья оказалась полезной?

Да

Нет

Благодарим за отзыв.

Как мы можем улучшить статью?

Проблема в

. ..Не могу закончить настройку, слишком сложная инструкцияСледовал инструкции, но ожидаемого результата не добилсяНедостаточно описаны вспомогательные элементыПохоже что инструкция устарелаТема статьи не раскрытаДругое

А именно с

Комментарий

Не нашли нужную статью?

Предложить свою тему

Не нашли нужную статью?

На какую тему не нашлась статья?

Ваш email

Комментарий

Благодарим за отзыв.

Тэги: Настройка авторизации через Open ID от Google, openid, id, авторизация, гугл

веб-сайтов, использующих вход через Google — Wappalyzer

Социальные логины

Посетите сайт developer.google.com.

Google Sign-In – это безопасная система аутентификации, которая снижает нагрузку на пользователей при входе в систему, позволяя им входить в систему с помощью своей учетной записи Google.

Обратитесь к пользователям, вошедшим в Google

Создайте список
220 000
Веб-сайты входа в Google
с компанией и контактными данными.

Создайте список потенциальных клиентов

Веб-сайты, использующие вход через Google

Это самые популярные веб-сайты, использующие вход через Google на основе
трафик.

.
Получить полный список
веб-сайты и компании, использующие вход через Google.

Отчеты о входе в систему Google

Создавайте соответствующие отчеты для входа в Google, чтобы найти потенциальных клиентов
или узнайте больше о своей целевой аудитории.

Примеры отчетов

Или,

Создайте собственный отчет о входе в Google.

Тенденция использования входа через Google

На этом графике показан рост использования входа через Google с
июль 2020.

Демографические данные для входа в Google

Разбивка по странам и языкам, используемым
Веб-сайты входа через Google.

Страны

Языки

Альтернативы входу в Google

Это самые популярные альтернативы Google Sign-in в
2021.

Посмотреть полный список
Альтернативы входа в Google.

Приложения

Wappalyzer работает с инструментами, которые вы используете каждый день.

Хром

Просматривайте технологии веб-сайтов, которые вы посещаете, в своем браузере.

Fire Fox

Просматривайте технологии веб-сайтов, которые вы посещаете, в своем браузере.

Край

Просматривайте технологии веб-сайтов, которые вы посещаете, в своем браузере.

Сафари

Просматривайте технологии веб-сайтов, которые вы посещаете, в своем браузере.

HubSpot

Просматривайте технологические стеки ваших лидов в CRM.

Пайпдрайв

Просматривайте технологические стеки ваших лидов в CRM.

Запир

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

Интегромат

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

Паббли

Автоматизированные рабочие процессы и электронный маркетинг.

Gmail

Просматривайте наборы технологий ваших контактов в Gmail.

Андроид

Ваппалайзер в кармане.

Wappalyzer доверяют тысячи профессионалов по всему миру

Wappalyzer зарекомендовал себя как отличный инструмент, который помогает нам анализировать совокупный анализ того, как работает Интернет с помощью различных технологий. Илья Григорик
Главный инженер Shopify

В наши дни вам нужны передовые маркетинговые инструменты, чтобы выделиться среди конкурентов. Wappalyzer поможет нам в этом. Томас Алиберт
Специалист по развитию в PayFit

Wappalyzer — неотъемлемая часть нашего процесса продаж, позволяющая оптимизировать сегментацию потенциальных клиентов в масштабе. Это полностью меняет правила игры для нашей организации. Роман Швайгер
Руководитель отдела развития бизнеса Boomerank

Wappalyzer был такой полезной частью набора данных HTTP Archive. Это позволило нам по-новому разделять данные и получать более интересные сведения о состоянии Интернета. Рик Вискоми
Старший инженер DevRel в Google

Wappalyzer помогает нашим отделам продаж лучше и быстрее понимать потенциальных клиентов, имея четкое представление об их техническом стеке. Рабин Нухтабек
Главный инженер по развитию в Skedify

Компания Wappalyzer оказала огромную помощь в анализе данных о производительности по различным обнаруженным приложениям на WebPageTest. org. Патрик Минан
Инженер-конструктор в точке сбора

Подпишитесь, чтобы получать периодические обновления продукта.

Инструменты аутентификации для безопасного входа

Во всех ваших сетевых учетных записях вход — это вход в вашу личную информацию. Это также основная точка входа для рисков, поэтому важно защищаться.

Мы делаем вход в Google и все ваши приложения и службы безопасными по умолчанию. Благодаря встроенным инструментам и автоматическим средствам защиты, таким как оповещения при доступе к вашей учетной записи Google с нового устройства, мы делаем безопасный вход быстрым и простым.

МЕНЕДЖЕР ПАРОЛЕЙ

• Надежные пароли обеспечивают вашу безопасность

  Выбор надежных и уникальных паролей для ваших учетных записей в Интернете является важным шагом в обеспечении конфиденциальности вашей личной информации, но большинство людей говорят, что они используют один и тот же слабый пароль на нескольких сайтах, что повышает уязвимость этих учетных записей.

• Менеджер паролей Google помогает создавать надежные пароли

  Менеджер паролей Google, встроенный в Chrome и Android, создает, надежно сохраняет и заполняет пароли для всех ваших учетных записей в Интернете.

  Управляйте сохраненными паролями

• Автоматические оповещения о пароле помогают защитить ваши пароли

  Каждый день новые утечки данных делают доступными миллионы имен пользователей и паролей. Google отслеживает скомпрометированные пароли, поэтому, если будет обнаружено, что какой-либо из ваших сохраненных паролей был связан с утечкой данных, мы автоматически предупредим вас.

• Обновите свои пароли с помощью Google Assistant

  СКОРО

  Когда дело доходит до исправления скомпрометированных паролей, скорость имеет значение. Chrome внедряет функцию быстрого исправления: он может пометить ваши скомпрометированные пароли и с помощью Google Assistant изменить их для вас одним нажатием.

Двухэтапная проверка

• Двухэтапная проверка обеспечивает второй уровень безопасности входа

  Скомпрометированные пароли встречаются чаще, чем вы думаете. Один из лучших способов защитить свою учетную запись — использовать дополнительную форму проверки. Двухэтапная проверка помогает предотвратить доступ к вашей учетной записи для тех, кто не должен иметь доступа к ней, требуя второго шага после ввода пароля.

  Включите двухэтапную аутентификацию

• Аутентификация по телефону проста и безопасна

  Доказано, что использование материальной формы аутентификации при входе в свои онлайн-аккаунты, например с помощью телефона, намного безопаснее, чем пароль, который может быть легко скомпрометирован. Вот почему никто не делает больше, чем мы, для продвижения альтернативных способов аутентификации. С Google Prompt простое нажатие идентифицирует вашу учетную запись.

• Повышение безопасности учетной записи как никогда ранее

  Мы также внедряем передовые технологии безопасности в устройства, такие как ключи безопасности на Android и приложение Google Smart Lock на iOS, чтобы сделать аутентификацию простой и даже более безопасной, чем пароль. Вскоре мы начнем автоматически регистрировать пользователей в двухэтапной аутентификации, если в их учетной записи есть номер телефона или адрес электронной почты для восстановления. Проверьте свою учетную запись с помощью проверки безопасности.

ВОЙТИ ЧЕРЕЗ GOOGLE

• Более безопасный способ входа в ваши любимые приложения и службы

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

• Безопасный вход в любом месте одним касанием

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

• Больше контроля над вашими учетными записями и соединениями

  Вы можете просматривать и управлять тем, как вы используете функцию «Войти через Google», прямо в своей учетной записи Google.

  This entry was posted in Популярное