Вывод изображений instagram на сайте

13 Февраля 2017
javascript
  1. Перейти на https://www.instagram.com/developer/
  2. Нажать синюю кнопку Register Your Application
  3. Нажать зеленую кнопку Register a New Client
  4. Указать верные данные и нажать Register
  5. Скопировать CLIENT ID и сформировать следующий URL и перейти по нему https://instagram.com/oauth/authorize/?client_id=[Client ID]&redirect_uri=[адрес сайта]&response_type=token

    Пример: https://instagram.com/oauth/authorize/?client_id=asdasdoja9812j3891j2d791729&redirect_uri=http://kakorin.com&response_type=token

  6. Теперь нужно скопировать полученый токен - access_token из URL

    * при появлении ошибок, в настройках клиента, в разделе security уберите галочку Disable implicit OAuth

  7. Вставить access_token в следующий код:
    var token = 'access_token';
    var num_photos = 6;
    $.ajax({
    	url: 'https://api.instagram.com/v1/users/self/media/recent',
    	dataType: 'jsonp',
    	type: 'GET',
    	data: { 
    	    access_token: token, 
    	    count: num_photos
    	},
    	success: function(data){
    		for( x in data.data ){
    			$('#instagram').append('<img src="'+data.data[x].images.low_resolution.url+'" />');
    		}
    	},
    	error: function(data){
    	}
    });
    
  8. Создать блок в котором появятся фотографии
    <div id="instagram"></div>