Аутентификация через Фейсбук

Настройка связи с социальной сетью Facebook осуществляется c помощью приложения, которое создается и настраивается в Вашем аккаунте социальной сети. Настройка приложения позволит пользователям Вашего сайта регистрироваться и авторизороваться на сайте при помощи своего аккаунта Facebook, а также позволит им использовать фотографии из своего профиля.

Создание и настройка приложения:

  1. Необходимо перейти по ссылке https://developers.facebook.com.
  2. Для создания приложения нажмите на кнопку «Создать приложение» («Create App»), расположенную в верхнем меню.
  3. В открывшемся модальном окне введите название приложения и e-mail для связи. Далее нажмите кнопку «Создайте ID приложения» («Create App ID»).
  4. Для связи приложения с Вашим сайтом скопируйте в настройки сайта (раздел «Настройка» → «Авторизация» → «Facebook» → поля «APP ID» и «APP Secret») «APP ID (Идентификатор приложения)» и «APP Secret (Секрет приложения)» в соответствующие поля.
  5. В настройках платформы укажите домен приложения (адрес Вашего сайта), URL-адрес страницы Пользовательского соглашения и Политики конфиденциальности (это может быть одна страница).
    Загрузите иконку приложения (1024x1024 px на прозрачном фоне), укажите категорию «Бизнес и страницы».

    Нажмите кнопку «Добавить платформу» («Add Platform») и выберите платформу «Веб-сайт» («Website»). Укажите URL сайта и сохраните изменения.

  6. Далее зайдите на сайт и попробуйте загрузить фото из Facebook.

    Произойдет ошибка – «Невозможно загрузить URL».
    Снова зайдите в настройки приложения Facebook и обновите страницу. В левом меню выберите «Вход через Facebook» → «Настройки» («Facebook Login» → «Settings»).
    В поле «Действительные URI-адреса для перенаправления OAuth» («Valid OAuth redirect URIs») прописываем следующие URL:
    1. http://+ адрес Вашего сайта + /account/login/facebook.
      Пример: http://demo.pixlpark.ru/account/login/facebook
    2. http://+ адрес Вашего сайта + /account/login/facebook?allowAnonymous=true.
      Пример: http://demo.pixlpark.ru/account/login/facebook?allowAnonymous=true
    3. http://+ адрес Вашего сайта + /account/login/facebook?allowAnonymous=false.
      Пример: http://demo.pixlpark.ru/account/login/facebook?allowAnonymous=false
  7. Текущих настроек приложения достаточно для осуществления регистрации или авторизации пользователей на Вашем сайте при помощи аккаунта Facebook. Но если Вы хотите, чтобы пользователи Вашего сайта могли использовать фотографии из своих аккаунтов Facebook, следует включить возможность публикации фотографий для данного приложения. Для этого нужно в разделе «Проверка приложения» («App Review») в поле «Отправить элементы для одобрения» добавить соответствующее разрешение при помощи кнопки «+ Add Items».
    Из появившегося списка нужно выбрать только один пункт с названием «user_photos» и нажать кнопку «Добавить 1 объект» («Add 1 item»).

    Убедитесь, что Ваше приложение выключено и находится в режиме разработки:
  8. Далее выберите пункт «Add details» для пункта «user_photos».
    Форма заявления состоит из нескольких пунктов, каждый из которых необходимо заполнить.
    Пункт первый: Как Ваше приложение использует функцию «user_photos»?
    Выберите ответ: Позволяет людям распечатывать фото с Facebook или использовать их для персонализации продукта (Lets people print their Facebook photos or use them to personalize a product).

    Пункт второй: На какой платформе Ваше приложение использует функцию «user_photos»?
    Отметьте пункт «Веб (Web)» и ниже в специальном поле для описания распишите по шагам, как Вы будете использовать данное приложение. По сути надо описать по шагам, начиная с главной страницы, как дойти до редактора и загрузки изображений в него из Facebook.
    Вы можете использовать следующий пример сообщения, отредактировав его содержимое под свой сайт:
    1. Зайдите на сайт http://demo.pixlpark.ru.
    2. Выберите в главном меню пункт «Фотопечать» → «Фотографии (поштучно)».
    3. Нажмите на кнопку «Загрузить фотографии» в баннере или ниже в калькуляторе на кнопку «Заказать».
    4. Нажмите кнопку «Загрузить фотографии» и в модальном окне выберите вкладку «Фейсбук».
    5. Войдите под своей учетной записью и используйте фотографии Вашего аккаунта Фэйсбук для отправки их на печать.
    6. Завершите оформление заказа, если требуется.


    Пункт третий: Загрузить скринкаст.
    Запишите видео с экрана монитора по тем шагам, которые Вы описали выше в пункте 2, и прикрепите данное видео к заявлению. Пример видео Вы можете скачать по этой ссылке. Сделайте аналогичное видео.
    Сделать свое видео можно при помощи бесплатного сервиса Monosnap. Для этого скачайте с их сайта приложение для Вашей операционной системы и зарегистрируйте свой аккаунт, чтобы загружать записанные Вами видео в облако данного сервиса.

    Как только заявление будет полностью заполнено, нажмите на кнопку «Сохранить».
  9. Для публичного использования данного приложения необходимо разрешение, которое устанавливается в разделе «Проверка приложения» («App review») самым первым пунктом – установите значение «Да» («Yes»).
    Для отправки вашего заявления на рассмотрение нажмите на кнопку «Отправить на проверку» («Submit For Review»).

    Согласитесь с условиями и подтвердите Ваш аккаунт, если этого потребует Facebook.
  10. Ожидайте результатов проверки. Как только приложение будет одобрено, пользователи Вашего сайта смогут загружать фотографии в редактор из своего аккаунта Facebook через модальное окно загрузки изображений.