How to work with the Instagram API?

Question

How to work with the Instagram API?

There was a task to display on the site a few fresh photos from Instagram. Registered in https://www.instagram.com/developer/register/ and got the ID

But when trying to execute the code...

$.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>

An error occurs:

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

Tell me how to solve this problem.

1

javascript jquery веб-программирование instagram instagram-api

Author: MSDN.WhiteKnight, 2016-09-24

Source

1 answers

score 1 · Accepted Answer

The problem was solved by writing back-end code using CURL:

   try {

        $ch = curl_init();
        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_HTTPHEADER, array( 'X-Requested-With' => 'XMLHttpRequest' ) );
        curl_setopt($ch, CURLOPT_URL,$url);
        $result=curl_exec($ch);
        curl_close($ch);

        $result = json_decode( $result, true );

    } catch ( \Exception $e ) {

        $result = null;

    }