Настройка входа через социальные системы

Оглавление

Facebook

  • Зайдите в список приложений https://developers.facebook.com/apps
  • Создаем новое приложение
  • В разделе настройки выполняем следующие действия:
    • В пункте App Domains вводим домен своего интернет магазина.
    • Ставим галочку на Сайт с Facebook входом (Website with Facebook Login) и вводим в Site Url адрес вашего сайта.
    • Переключателю Sandbox Mode устанавливаем значение Disabled.
    • Копируем значение App ID и App Secret.
  • В разделе App Details вы можете загрузить изображение, которое будет видеть ваш клиент при входе, а так же описание

Twitter

  • Зайдите в список приложений https://dev.twitter.com/apps
  • Создаем новое приложение

  • Заполняем поля Name (название), Description (описание) и Website (адрес вашего интернет магазина), ставим галочку для Yes, I agree (принимаем соглашение с правилами)

  • На вкладке Details в разделе OAuth settings копируем значения Consumer key и Consumer secret

  • Нажимаем кнопку «Create my access token»

  • На вкладке Settings вводим адрес интернет магазина в поле Callback URL и ставим флаг напротив Allow this application to be used to Sign in with Twitter

  • На вкладке Settings можно загрузить изображение, которое будет видеть ваш клиент при входе

Mail.RU

  • Зайдите в список сайтов https://api.mail.ru/sites/my/
  • Подключить сайт
  • Шаг 1 – принимаем соглашение с правилами

  • Шаг 2 – вводим название сайта и адрес главной страницы

  • Шаг 3 – на этом шаге Mail.RU требует разместить файл receiver.html на вашем сайте. Так как receiver.html нужен для поддержки JS API, которое в нашем случае не используется, то этот шаг необходимо пропустить. Для этого нажмите “Продолжить”, после чего появится возможность пропустить данный шаг.

  • Копируем ID и Секретный ключ

  • Если зайти в управление сайтом, то можно указать изображение, которое будет отображаться посетителю при входе

Vkontakte

  • Зайдите в раздел «Разработка приложений» https://vk.com/dev
  • Создать приложение

  • Вводим Название, указываем Тип Веб-сайт, после чего появятся поля Адрес сайта и Базовый домен

  • Для завершения процесса создания приложения необходимо будет ввести SMS код, который вам придет на мобильный телефон

  • На вкладке настройки копируем ID приложения и Защищенный ключ. На этой же странице можно изменить изображение, которое будут видеть клиенты при входе