Я нашел буквально сотни способов встроить галерею Instagram на веб-сайт, но мне нужно встроить весь профиль, т.е. например, если вы посмотрите на этот профиль: https://www.instagram.com/exampleprofile/ есть изображение профиля, информация, заголовок и кнопка подписки.
Как я могу встроить профиль с этой информацией заголовка, а не только изображения в его галерее? Это вообще возможно?
Правильный способ сделать это — использовать API. Вы можете получить информацию о пользователе с помощью этой конечной точки:
https://www.instagram.com/developer/endpoints/users/#get_users
На самом деле, нет простого способа сделать это, вам нужно:
Создайте клиентское приложение Instagram
Получите данные вашего клиента
Аутентификация
<сильный>1. Создайте клиентское приложение Instagram
Вам необходимо создать собственное приложение для Instagram здесь:
<сильный>2. Получите информацию о клиенте
В своей учетной записи разработчика Instagram нажмите «Управление клиентами» и запишите «Идентификатор клиента», «Секрет клиента» и «URI перенаправления», потому что они вам скоро понадобятся. Убедитесь, что вы используете полный URL-адрес для URI перенаправления, например «https://drupal.org.
<сильный>3. Аутентификация
3.a Использование CURL Сначала добавьте это в свой браузер:
https://api.instagram.com/oauth/authorize/?client_id=YOUR-CLIENT-ID&redirect_uri=YOUR REDIRECT-URI&response_type=code&scope=public_content Обратите внимание, что указанный выше REDIRECT-URI должен быть закодирован в URL, например https%3A%2F%2Fdrupal.org.
Затем вы будете перенаправлены на URL-адрес, на который вы были перенаправлены. Обратите внимание на URL-адрес, так как именно здесь вы получите нужный код:
http://your-redirect-uri?code=YOU-NEED-THIS-CODE
Теперь откройте свой терминал и вставьте его (добавив свой конкретный идентификатор, секрет, URI перенаправления и код):
curl -F 'client_id=YOUR CLIENT_ID HERE' \
-F 'client_secret=YOUR CLIENT_SECRET HERE' \
-F 'grant_type=authorization_code' \
-F 'redirect_uri=YOUR AUTHORIZATION_REDIRECT_URI HERE' \
-F 'code=THE CODE YOU RECEIVED' \
https://api.instagram.com/oauth/access_token
Вы должны получить что-то похожее на это:
{
"access_token": "fb2e77d.47a0479900504cb3ab4a1f626d174d2d",
"user": {
"id": "1574083",
"username": "snoopdogg",
"full_name": "Snoop Dogg",
"profile_picture": "..."
}
}
3.b Использование браузера Создайте следующий URL-адрес и вставьте его в браузер:
https://api.instagram.com/oauth/authorize/?client_id=[your client id]&redirect_uri=[your redirect uri]&response_type=token
Вы можете увидеть следующую ошибку «Неявная аутентификация отключена». Если это так, вам нужно отредактировать свой клиент Instagram, перейти на вкладку «Безопасность» и отключить параметр Отключить неявный OAuth. Вы можете снова включить его, как только дойдете до следующего пункта.
Если все прошло хорошо, вы должны были быть перенаправлены на URI, который выглядит так:
https://my_redirect.uri/#access_token=xxxxxxxxxx.yyyyyyy.zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
В ключе access_token часть «x» (все до первой точки) — это ваш идентификатор пользователя.
<сильный>4. Создайте запрос для Instagram API, а затем проанализируйте объект ответа
https://api.instagram.com/v1/users/xxxxxxxxxx/media/recent/?access_token=xxxxxxxxxx.yyyyyyy.zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
API Instagram: https://www.instagram.com/developer/endpoints/users/#get_users
Источник: https://www.drupal.org/node/2746185
Вы можете сделать это с помощью нового Facebook Graph API: https://developers.facebook.com/docs/instagram-basic-display-api/reference/media
Вам понадобится учетная запись разработчика с разрешениями приложения и Instagram «Basic Display». Оттуда большая часть ответа Омара Алахмеда по-прежнему применима, включая авторизацию через OAuth по адресу https://api.instagram.com (эта часть API не устарела).
