Вы находитесь в новой версии нашей документации. Сейчас мы активно переносим статьи и некоторый контент может быть не доступен. Вы все еще можете воспользоваться  старой версией  документации.
Темная тема

Блок "Instagram"

Параметры блока "Instagram" расположены в административном разделе сайта в настройках решения в соответствующем разделе настроек.

alpha-site-settings-9.png

Для того, чтобы настроить отображение снимков, необходимо получить специальный код "Долгосрочный маркер доступа" и добавить его на сайт с помощью настроек решения.

Инструкция по получению долгосрочного маркера доступа пользователя Instagram

Прежде чем начать, Вам понадобятся:

  • аккаунт разработчика Facebook; 
  • аккаунт Instagram с медиафайлами; 
  • общедоступный сайт, принадлежащий вам (это может быть как реальный сайт, так и бесплатный тренировочный ресурс — например, страница Github или веб-приложение Heroku).

Данная инструкция является рекомендацией для получения токена и при условии изменения разработчиками Facebook принципов получения токенов, может не соответствовать действительности. Актуальная на данный момент инструкция от компании Facebook, доступна по адресу https://developers.facebook.com/docs/instagram-basic-display-api/getting-started

Шаг 1. Создайте приложение Facebook

Перейдите на сайт developers.facebook.com, выберите Мои приложения и создайте приложение. В ответ на вопрос о задачах приложения выберите Создание кросс-сервисных функций либо Другое/все остальное.

magnet_instagram_api-_1_.png magnet_instagram_api-_2_.png magnet_instagram_api-_3_.png magnet_instagram_api-_4_.png magnet_instagram_api-_5_.png

Когда откроется панель нового приложения, выберите "Настройки" > "Основное", прокрутите до конца страницы и нажмите "Добавить платформу".

magnet_instagram_api-_7_.png

Выберите "Веб-сайт":

magnet_instagram_api-_8_.png

Укажите URL своего сайта и сохраните изменения.

Шаг 2. Настройте базовое представление Instagram

Выберите Продукты, найдите Instagram Basic Display и нажмите кнопку Настроить, чтобы добавить его в приложение.

magnet_instagram_api-_6_.png

Прокрутите до конца страницы и нажмите Создать приложение.

magnet_instagram_api-_9_.png

Заполните форму, как описано ниже.

Отображаемое имя

Укажите название приложения Facebook, которое вы только что создали.

Действительные URI для перенаправления OAuth

Укажите URL своего сайта. Это поле предназначено для специального URI, регистрирующего параметры перенаправления, но в данном курсе мы для удобства будем использовать URL вашего сайта.

Пример: https://site.com

После ввода URL сохраните изменения и проверьте его ещё раз. В зависимости от структуры к URL может автоматически добавляться косая черта. Сохраните полный URL: он потребуется для получения кодов авторизации и маркеров доступа.

URL обратного вызова деавторизации

Ещё раз укажите URL своего сайта.

URL обратного вызова с запросом на удаление данных

Ещё раз укажите URL своего сайта.

magnet_instagram_api-_10_.png

Шаг 3. Добавьте тестового пользователя Instagram

Выберите "Роли" > "Роли" и прокрутите до раздела "Тестировщики Instagram". Нажмите "Добавить тестировщиков Instagram".

magnet_instagram_api-_11_.png

Введите ваше имя пользователя Instagram и отправьте приглашение.

magnet_instagram_api-_12_.png

Откройте новое окно браузера, перейдите на сайт www.instagram.com и войдите в приглашенный аккаунт Instagram. Выберите (Значок профиля) > "Редактировать профиль" > "Приложения и сайты" > "Приглашения тестировщиков" и примите приглашение.

Теперь ваше приложение Facebook будет иметь доступ к аккаунту Instagram даже в режиме разработки.

magnet_instagram_api-_13_.png

Шаг 4. Авторизуйте тестового пользователя и получите токен доступа

Нажмите “Generate token” в разделе Вашего приложения в Instagram Basic Display и скопируйте токен для подключения API.

magnet_instagram_api-_14_.png magnet_instagram_api-_15_.png magnet_instagram_api-_16_.png magnet_instagram_api-_17_.png

Нажмите “Generate token” в разделе Вашего приложения в Instagram Basic Display и скопируйте токен для подключения API.

В настройках решения вставьте токен и путь к аккаунту Instagram в соответствующих полях.

Обновление долгосрочного маркера

Обновление долгосрочного маркера делает его действительным в течение 60 дней. Срок действия маркеров, которые не были обновлены в течение 60 дней, истекает.

Введите в адресной строке браузера запрос к API Instagram. Ваш запрос должен включать действительный (не истекший) долгосрочный маркер доступа пользователя Instagram.

Пример запроса:


https://graph.instagram.com/refresh_access_token?grant_type=ig_refresh_token&access_token={long-lived-access-token}, где long-lived-access-token -- Ваш действующий токен.

Пример ответа:

{
"access_token":"{long-lived-user-access-token}" // Ваш новый токен
"token_type": "bearer",
"expires_in": 5183944 // Время в секундах до истечения срока действия токена
}

Если всё-таки прошел 60-тидневный срок и Ваш токен доступа истёк Вы можете зайти в раздел из шага 2 и получить новый токен с помощью кнопки “Generate token”.

magnet_instagram_api-_18_.png
Наверх