Как добавить службы социального входа из Google, Facebook, Yahoo и т.д. На мой сайт?

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

Login Options

Пожалуйста, ответьте на следующие вопросы:

  • Как я могу добавить различные сервисы, такие как бесплатно? (Обратите внимание, что я не хочу использовать какое-либо платное обслуживание, такое как Janrain и)
  • Как я могу хранить пользовательскую информацию пользователя (например, электронную почту, номер телефона), которые хранятся в учетных записях в моей базе данных?
  • Укажите любые ссылки/библиотеки, которые могут быть использованы.

Я ценю любую другую информацию, которую вы можете предоставить.

Спасибо!

Ответы

Ответ 1

Вы будете использовать API соответствующих сервисов (Google, Facebook, Twitter) или можете быть OpenID, если вы планируете добавить это также. Некоторые ссылки:

http://code.google.com/apis/accounts/docs/OpenID.html

https://developers.facebook.com/docs/authentication/

http://dev.twitter.com/pages/auth

http://openid.net/add-openid/

Также посмотрите здесь. Есть несколько аналогичных вопросов, уже присутствующих на SO, проверьте связанные вопросы справа.

Ответ 2

для Google

Интеграция входа Google в ваше веб-приложение

Создайте проект и идентификатор клиента Google Developers Console.

Загрузите библиотеку платформы Google

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

<script src="https://apis.google.com/js/platform.js" async defer></script>

Укажите идентификатор клиента вашего приложения

Укажите идентификатор клиента, который вы создали для своего приложения, в Google Developers Console с мета-элементом google-signin-client_id.

<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">

Примечание. Вы также можете указать идентификатор клиента приложения с параметром client_id метода gapi.auth2.init().

Добавить кнопку входа в систему Google

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

Чтобы создать кнопку входа в систему Google, которая использует настройки по умолчанию, добавьте элемент div с классом g-signin2 на страницу входа:

<div class="g-signin2" data-onsuccess="onSignIn"></div>

Дополнительная информация. можно найти здесь