Получить токен доступа к Instagram без перегрузки страницы

Question

Мое требование следующее.

Я на странице create.html Я хочу запустить всплывающее сообщение Login with Instagram. Когда пользователь нажимает это всплывающее окно. Я хочу, чтобы аутентифицировать пользователя во всплывающем окне, например facebook, и вернуть токен доступа на ту же страницу без перезагрузки. Поскольку я добавляю pics, я получу от instagram в div, который уже содержит фотографии из facebook, которые будут потеряны, если я обновляюсь.

Я успешно запускаю запрос и получаю этот токен доступа. Но я не уверен, как я могу захватить этот токен, как функция успеха в ajax-запросе.

Req: https://api.instagram.com/oauth/authorize/?client_id=XXX&redirect_uri=http://localhost:3000/auth/instagram/callback&response_type=code

разрешение: http://localhost:3000/auth/instagram/callback?code=XXXX

Как я захватить, что code=XXXX в моем create.html?

Я могу использовать только javascript и jquery. Nodejs? нет!

Я пробовал использовать эту библиотеку. https://github.com/Instagram/instagram-javascript-sdk, но это дает мне ошибку. {"code": 400, "error_type": "OAuthException", "error_message": "JS login temporarily disabled"}.

Если есть какой-нибудь способ, чтобы получить этот знак, как Facebook. (Ниже)

FB.login(
     function (response) { 
      if (response.authResponse) { 
      access_token = FB.getAuthResponse()['accessToken']; 
      new facebookLogin(access_token); 
      } 
     } 
    ); 

или каким-либо образом, чтобы захватить этот URL code=XXXX. любезно помогите мне.

Спасибо.

Answer 1

Просто используйте window.location.search на странице обратного вызова, чтобы получить доступ к строке запроса и проанализировать параметр кода.