Для Oauth2-авторизации на вашем сайте при помощи зарубежной социальной сети "Google+" вам понадобятся Clinet ID и Client Secret.
Помните! Clinet ID и Client Secret — это секретная информация! Её нельзя публиковать, это запрещено правилами Гугла. Поэтому, кстати, все данные на скриншотах я заменил на фиктивные — не пытайтесь их никуда скопировать, не сработает.
Для начала убедитесь, что у вас есть аккаунт в Гугл. Если у вас уже есть Gmail или аккаунт на Youtube, то, значит, есть и аккаунт в Google, так как он един для всех сервисов этой компании. Если же нет, то вначале зарегистрируйтесь (ссылка "Создать аккаунт"). При регистрации я бы рекомендовал указывать ваши реальные фамилию, имя, отчество, действительный номер телефона и загрузить фотографию. Всё-таки, случись что, если у вас указаны реальные данные, вы сможете, связавшись с администрацией ресурса, подтвердить, что являетесь владельцем аккаунта (по крайней мере, будет больше на то шансов).
Имея аккаунт в Google, вы теперь можете приступить к созданию приложения для Oauth2-авторизации и получению Clinet ID и Client Secret.
1. Сначала зайдите в консоль разработчиков Гугла. Если вы там впервые, вам предложат зарегистрироваться. Следуйте инструкциям. После этого вы попадёте на дэшборд.
2. На дэшборде нажмите на Create Project.
Если вы не в том разделе, то сначала нажмите на Projects
3. Заполните форму. Обратите внимание, что в названии нельзя использовать русские буквы. Я выбрал название "Maslov-5 Development Server". Проекту будет автоматически присвоен id. У гугла они в виде словосочетаний. Например, мне выпало "coral-atom-803". Можете пощёлкать на иконку "Обновить" справа от неё, чтобы подобралось другое. Обязательно отметить галочку, если она у вас есть. Нажмите Create.
4. Теперь слева нажимаем на APIs & Auth, и в нём на Credentials.
5. В нём под разделом OAuth на Create new Cliend ID.
6. В появившемся окошке выбираем Web Application. От нас хотят узнать дополнительные данные. Нажимаем на Configure consent screen.
7. Нас перекидывает на настройки. Нужно указать ваш емейл и имя приложения (как оно будет показываться посетителю, теперь можно и по-русски, я написал "Сервер разработки Маслов-5"). Заполняем и жмём Save.
8. Снова попадаем на окно создания Client ID. На этот раз нам предлагают ввести Authorised javascript origins (обычно это адрес сайта) и Authorised redirect uris для oauth2.
В моём случае это "http://dev5.maslov.co/" и "http://dev5.maslov.co/user/index/sociallogin/provider/g/" соответственно.
Вводим и, наконец, жмём на Create Client ID.
9. Система призадумается на какое-то время, а затем, возможно, снова покажет нам окошко этих же настроек. Позади него уже видны нужные нам данные! Окошко, если оно появилось, можно закрыть кнопкой Cancel.
Вопрос к следующему этой инструкции: на пункте 9 появилось ли окошко? У меня первый раз появилось, а когда регал второй сайт— нет.
10. А вот за этим-то мы и пришли! Я не имею права публиковать свои Clinet ID и Client Secret, поэтому на скриншоте я их скрыл.
Готово! Теперь у вас есть Clinet ID и Client Secret, используйте их по назначению!