123  /  206

Получение API token Instagram

Для корректной работы виджета Instagram необходимо получить API token Instagram. Как это сделать подробно рассказываем в статье.

Для создания API token понадобится следующее:

  • Аккаунт разработчика Facebook. Для создания аккаунта перейдите по ссылке https://developers.facebook.com. Если вы уже ранее регистрировались на Facebook, то вам необходимо авторизоваться.

  • Аккаунт Instagram с медиафайлами. Публикации из этого аккаунта попадут в виджет на сайте.

  • Уже созданный сайт с установленным решением, на котором будет расположен виджет Instagram.

  • Инструмент командной строки, например, «Терминал». Или приложение, способное выполнять запросы c URL, например, «Cmder».

Создание приложения

Перейдите на сайт developers.facebook.com. Для дальнейшей работы вы должны быть авторизованы.

После авторизации выберите пункт «Мои приложения» (1). Затем в выпадающем меню выберите «Создать приложение» (2).

В открывшемся попап-окне укажите название вашего приложения (1).Обратите внимание! Название приложения не должно содержать слово Instagram из-за особенностей работы платформы для разработки. Укажите электронный адрес для связи (2) и создайте приложение (3).

После заполнения формы страница будет перезагружена. Вас перенаправят на страницу панели нового приложения. В меню выберите Настройки → Основное.

Прокрутите открывшуюся страницу до конца и нажмите «Добавить платформу».

В открывшемся окне выберите платформу «Веб-сайт».

В конце страницы появится выбранная платформа «Веб-сайт» и поле для ввода URL-адреса сайта. Заполните его и сохраните изменения.

В меню нажмите «Товары» (1), найдите карточку Instagram и перейдите к ее настройке (2).

Настройка продукта

После того, как вы перейдете к настройке товара, он станет доступным в левом меню. Разверните пункт «Instagram» и выберите пункт «Basic Display» (1). Внизу странице нажмите «Create New App» (2).

Появится всплывающее окно, в котором будет указано ранее заполненное название приложения. На этом шаге просто сохраните изменения.

После сохранения настроек станут доступны новые поля. Необходимо заполнить следующие:

  • Действительные URI переадресации для OAuth.
  • Деавторизация URL обратного вызова.
  • URL запроса на удаление данных.

Во всех полях нужно указать адрес сайта, для которого будет настраиваться виджет.

Добавление тестового пользователя

В левом меню выберите  пункт «Роли» (1), в выпадающем меню еще раз пункт «Роли» (2). На открывшейся странице выберите «Добавить Instagram Testers» (3).

В открывшемся окне укажите имя пользователя аккаунта Instagram. После выбора отправьте приглашение пользователю.

Пользователь появится в списке тестировщиков, но со статусом «На рассмотрении». Чтобы подтвердить приглашение, необходимо перейти по ссылке в тексте.

Ссылка ведет на сайт Instagram, необходимо авторизоваться, чтобы принять приглашение. На открывшейся странице перейдите Приложения и сайты → Приглашения для тестировщиков. Примите приглашение.



Получение кода авторизации

Для получения кода потребуется ID приложения. Выберите продукт «Instagram» (1) и выберите пункт «Basic Display» (2). Скопируйте ID приложения Instagram.

Подставьте ваш ID приложения Instagram и адрес сайта, указанный ранее при создании приложения, в ссылку:

https://api.instagram.com/oauth/authorize?app_id={ВСТАВЬТЕ_ВАШ_ID_ПРИЛОЖЕНИЯ_INSTAGRAM}&redirect_uri={ВСТАВЬТЕ_ВАШ_АДРЕС_САЙТА}&scope=user_profile,user_media&response_type=code

Полученная ссылка будет иметь следующий вид:

https://api.instagram.com/oauth/authorize?app_id=727235864450986&redirect_uri=https://max-demo.ru/&scope=user_profile,user_media&response_type=code

Скопируйте готовую ссылку и откройте ее в браузере. На открывшейся странице нажмите кнопку «Авторизовать».

После авторизации сработает перенаправление на сайт, указанный в настройках приложения. В ссылке будет доступен код авторизации

АДРЕС_САЙТА/?code={АВТОРИЗАЦИОННЫЙ_КОД}#_
Скопируйте авторизационный код.

Авторизационный код действует в течении одного часа.

Получение временного API token

Для следующего шага понадобится инструмент командной строки или приложение, способное выполнять запросы c URL. В уроке будет использовано приложение Cmder.

Виджет будет работать с полученным API token, но только в течении часа.

Понадобится ID приложения Instagram (1), используемый для предыдущего запроса. Секрет приложения Instagram (2), он станет доступен после введения пароля аккаунта. И авторизационный код, который был получен в предыдущем шаге.


Необходимо отправит следующий запрос.

curl -X POST \ https://api.instagram.com/oauth/access_token \ -F app_id={ВСТАВЬТЕ_ID_ПРИЛОЖЕНИЯ_INSTAGRAM} \ -F app_secret={ВСТАВЬТЕ_СЕКРЕТ_ПРИЛОЖЕНИЯ_INSTAGRAM} \ -F grant_type=authorization_code \ -F redirect_uri={ВСТАВЬТЕ_АДРЕС_САЙТА} \ -F code={ВСТАВЬТЕ_АВТОРИЗАЦИОННЙ_КОД}

В приложении запрос будет выглядеть следующим образом.

Если запрос составлен верно, то вы получите следующий ответ. Из него необходимо скопировать временный API токен.

Если вам необходимо только проверить работу виджета, и в ближайшее время запуск сайта не планируется, можно на этом шаге остановиться.

Получение длительного API token

Если сайт уже запущен, то потребуется API token с большим временем жизни.

Скопируйте полученный ранее временный API token, скопируйте Секрет приложения Instagram и вставьте в ссылку.

https://graph.instagram.com/access_token?grant_type=ig_exchange_token&client_secret={ВСТАВЬТЕ_СЕКРЕТ_ПРИЛОЖЕНИЯ_INSTAGRAM}&access_token={ВРЕМЕННЫЙ_API_TOKEN}

Полученную ссылку скопируйте и откройте в браузере. Полученный API token будет действителен в течении 60 дней.

В течении следующих 60 дней есть возможность обновить срок действия полученного ключа API token. Для этого полученный ранее API token вставьте в ссылку.

https://graph.instagram.com/refresh_access_token?grant_type=ig_refresh_token&access_token={ВСТАВЬТЕ_ДЛИТЕЛЬНЫЙ_ТОКЕН}

После продления API token будет действителен в течении еще 60 дней. Если в течении 60 дней не продлить API token, необходимо будет получить новый.