Как добавить сервисы социальной регистрации от Google, Facebook, Yahoo и т. Д. На мой сайт?

Question

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

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

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

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

Спасибо!

Answer 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 уже есть несколько похожих вопросов, посмотрите соответствующие вопросы справа.

Answer 2

для Google

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

Создание проекта консоли разработчика Google и идентификатора клиента.

Загрузить библиотеку Google Platform

Вы должны включить библиотеку Google Platform на свои веб-страницы, которые интегрируют Google Sign-In.

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

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

Укажите идентификатор клиента, который вы создали для своего приложения в консоли разработчиков Google, с метаэлем 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>

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