api instagram на русском

В этом туториале мы подключимся к API instagram и получим фотографии по тегу и по имени пользователя. Мы будем использовать jQuery ajax c учетом последних обновлений API.

API Instagram

Быстрая навигация:

Если вы ищите готовый плагин для wordpress, то присмотритесь к 10Web Social Photo Feed, а если собираетесь сделать все самостоятельно, то эта статья для вас. Она состоит из трех частей с примерами. Как вы поняли из заголовка речь пойдет только о получении фотографий. О прочих методах API мы расскажем в следующих статьях.

Получаем доступ к API Инстаграма

Как сгенерировать Access token

Для всех приведенных ниже примеров потребуется ключ доступа – access token. Получать его мы будем в 8 этапов:

  1. Войдите в инстаграм и откройте эту страницу https://instagram.com/developer/clients/manage. Instagram попросит у вас дополнительную информацию, заполните все поля формы.
  2. Нажмите кнопку Register Your Application (зарегистрируйте ваше приложение). Далее Register a New Client (регистрация нового клиента). Если у вас нет этих кнопок, подождите пока закончится модерация. Это может занять время. Регистрация в Instagram API
  3. Заполните все поля формы, после этого вы увидите экран с вашим CLIENT >MANAGE , чтобы увидеть CLIENT SECRET вашего только что зарегистрированного приложения. Его мы тоже будем использовать для получения токена. CLIENT >Авторизовать . Доступ к базовой информации
  4. Нас перекинуло на пустую страницу. Все в порядке, так и должно быть, обратите внимание на адресную строку, после слова code= будет код, необходимый нам для получения токена. Сохраните его. Получение code
  5. Следующим шагом нам нужно отправить curl запрос, я это сделал через cmder. Запрос написан ниже, замените данные, которые выделены красным на свои.
  6. В случае успеха вам вернется ответ в котором будет такая строка: «access_token»: «fb2e77d.47a0479900504cb3ab4a1f626d174d2d» . Это и есть ваш токен.

Вы наверняка обратили внимание во вкладке Manage Clients на надпись CLIENT STATUS: Sandbox Mode.

Несколько фактов о Sandbox Mode (режиме песочницы)

  • Все вновь созданные приложения запускаются в режиме песочницы
  • Приложения в режиме песочницы имеют доступ только к 20 последним медиа владельца токена.
  • Чтобы снять эти ограничения, вам нужно будет отправить приложение на утверждение.

1 Получаем данные по ID пользователя

На самом деле, это единственный пример в этой статье, который работает правильно в режиме песочницы. Ниже представлен рабочий код для получения фотографий из инстаграма на свой сайт через апи Инстаграма. Все что вам нужно сделать, это поменять access_token и userid на свой.

Отлично, мы получили 10 изображений из своего профиля в Инстаграме в наш ul список. Напишите css стили и наслаждайтесь отлично проделанной работой!

2 Получаем данные по имени пользователя

Конечно, вы можете искать id пользователя в HTML-коде инстаграм всякий раз когда вам это будет нужно.

Но не кажется ли вам, что было бы лучше получать userid автоматически? Особенно для вашего собственного плагина или приложения. Это будет как минимум удобно для ваших пользователей, они смогут просто указать свое имя и пользоваться приложением.

Этот пример не работает в режиме песочницы.

3 Получаем данные по тегу

В последней часте статьи api instagram на русском мы найдем изображения по тегу. Такой функционал тоже очень популярен и его не так сложно реализовать.

Если ваше приложение находится в Sandbox Mode, вы можете получить только свои собственные картинки с тегами. И помните, что ваше приложение имеет доступ только к последним двадцати.

Если у вас есть вопросы по статье api instagram на русском, оставьте их в комментариях.

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

Чтобы работать с API нужно сделать несколько действий:

1. Зарегистрироваться в разделе для разработчиков – https://www.instagram.com/developer/register/

2. После этого нужно добавить клиента (кнопка «Register a New Client»). В форме указать название и описание клиента, адрес вашего сайта и адрес редиректа (Valid redirect URIs) – он будет использован для получения токена. Важно также указать название компании, e-mail и Privacy Policy иначе клиент будет не активным.

После отправки формы вы получите CLIENT ID , далее нажав на кнопку «Manage», вкладка «Security» – нужно снять флаг «Disable implicit OAuth».

3. Далее нужно авторизовать клиента и получить access_token . Для этого понадобится сформировать ссылку подставив свои client_id , redirect_uri и перейти по ней в браузере:

https://www.instagram.com/oauth/authorize/?client_ >CLIENT_ID &redirect_uri= http://test.ru/ &response_type=token

После подтверждения прав произойдет редирект на ваш сайт с access_token в URL.

UPDATE: Starting October 15, 2019, new client registration and permission review on Instagram API platform are discontinued in favor of the Instagram Basic Display API .

To continuously improve Instagram users’ privacy and security, we are accelerating the deprecation of Instagram API Platform, making the following changes effective immediately. We understand that this may affect your business or services, and we appreciate your support in keeping our platform secure.

These capabilities will be disabled immediately (previously set for July 31, 2018 or December 11, 2018 deprecation). The following will be deprecated according to the timeline we shared previously :

  • Public Content — all remaining capabilities to read public media on a user’s behalf on December 11, 2018
  • Basic — to read a user’s own profile info and media in early 2020

For your reference, information on the new Instagram Graph API .

Читайте также:  lg h650e не включается
Оцените статью
Добавить комментарий

Adblock detector