Как осуществить работу с Instagram API?

Question

[Ken Jee]

Возникла задача выводить на сайте несколько свежих фото из Инстанрам. Зарегистрировался в https://www.instagram.com/developer/register/ и получил идентификатор

Но при попытке код...

$.ajax({
				url: 'https://api.instagram.com/oauth/authorize/',
				dataType: 'json',
				type: 'GET',
				data: { client_id: '[_my_client_id_]' },
				success: function( response ) {

					console.log( response );


				},
				error: function( jqXHR, textStatus, errorThrown ) {

					console.log( jqXHR, textStatus, errorThrown );

				}
			});
		</script>

Происходит ошибка:

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://[_domain_].ru' is therefore not allowed access.

Подскажите как решить эту проблему.

Answer 1

[hoarywolf]

Забейте на официальное API. Если просто на сайт, проще получить свежие фото в JSON сэмитировав AJAX запрос на https://www.instagram.com/[username]/?__a=1 (и не забудьте хедер x-requested-with: XMLHttpRequest)

В ответе будут в том числе и 12 последний фотографий.

Если нужно большее — ищите Private API для используемого вами языка.

Comments

[Ken Jee]

Отлично. Но... Если я просто ввожу в браузер https://www.instagram.com/[username]/?__a=1 то получаю JSON, а при попытке сделать GET запрос через $.ajax я получаю ошибку: XMLHttpRequest cannot load https://www.instagram.com/[username]/?__a=1. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://[domain].ru' is therefore not allowed access.

[hoarywolf]

Макс Мачез: не надо делать это из браузера, это будет cross-domain, браузер не разрешит. Делайте в бекенде, тем же curl, а клиенту отдавайте уже обработанный json

Answer 2

[Дмитрий]

У вас кроссдоменныц аякс запрос. Так нельзя. Напишите свой php скрипт, обращайтесь к нему, а он пусть делает запрос к апи.

Answer 3

[Сергей Грибок]

Не знаю поможет ли вам, но я слышал что то о JSONP.
https://learn.javascript.ru/ajax-jsonp