Xác thực người dùng thử {{error error_type

Tôi đang cố gắng khôi phục mã thông báo truy cập thông qua API hiển thị cơ bản của Instagram nhưng khi cố gắng xác thực người dùng thử nghiệm, tôi gặp lỗi này:

{
    "error_type": "OAuthException",
    "code": 400,
    "error_message": "Invalid platform app"
}

Tôi hy vọng sẽ thấy màn hình ủy quyền ứng dụng

Felice!

Khi thiết lập ứng dụng Instagram, bạn nên sử dụng ID ứng dụng cụ thể của nền tảng chứ không phải cài đặt chung trên Facebook.

Trong Bảng điều khiển ứng dụng Facebook của bạn, hãy truy cập Products > Instagram > Basic Displayvà sẽ thấy ID ứng dụng Instagram .

Sử dụng nó trong URL ủy quyền của bạn và nó sẽ hoạt động.

Truyền tham số qua phần thân và trong x-www-form-urlencoding hoạt động tốt như bạn có thể thấy trong hình bên dưới

Tôi gặp vấn đề tương tự và có thể giải quyết bằng cách đặt loại nội dung của yêu cầu thành application / x-www-form-urlencoding. bên dưới là ví dụ ac # chỉ ra cách thực hiện yêu cầu:

public async Task<UserTokenResponseModel> GetUserToken(string code)
    {
        var url =
            $"https://api.instagram.com/oauth/access_token";

        var request = new HttpRequestMessage(HttpMethod.Post, url);

        var client = _httpClientFactory.CreateClient();

        var requestContent = new List<KeyValuePair<string, string>>();
        requestContent.Add(new KeyValuePair<string, string>("client_id", ClientId));
        requestContent.Add(new KeyValuePair<string, string>("client_secret", Secret));
        requestContent.Add(new KeyValuePair<string, string>("grant_type", "authorization_code"));
        requestContent.Add(new KeyValuePair<string, string>("code", code));
        requestContent.Add(new KeyValuePair<string, string>("redirect_uri", "https://localhost:44315/instagram/authorizecallback"));

        request.Content = new FormUrlEncodedContent(requestContent);

        var response = await client.SendAsync(request);
        var content = await response.Content.ReadAsStringAsync();

        if (!response.IsSuccessStatusCode)
        {
            throw new Exception(content);
        }

        return JsonConvert.DeserializeObject<UserTokenResponseModel>(content);
    }

Như đã đề cập trong câu trả lời khác, vấn đề là ở phần thân biểu mẫu được cho là gửi ở định dạng x-www-form-urlencoding . Nó đã làm việc tốt với tôi trong postman nhưng để thực hiện tương tự trong góc là hơi điển hình. Ở đây, phần thân yêu cầu bài đăng trước tiên phải được chuyển đổi theo định dạng HttpParams và sau đó chuyển sang tham số 'body' của yêu cầu bài viết dưới dạng chuỗi như thế này ..

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class appService {

  constructor(private http: HttpClient) { }

  public getInstaAccessToken(formData) {
    let full_url = "https://api.instagram.com/oauth/access_token";
    let body = new HttpParams()
      .set("client_id" , "YOUR_CLIENT_ID")
      .set("client_secret","YOUR_CLIENT_SECRET")
      .set("code","code received from redirect url")
      .set("grant_type","authorization_code")
      .set("redirect_uri","your redirect uri")
    const requestOptions = {
      headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded')
    }
    return this.http.post(full_url, body.toString(), requestOptions).subscribe(data=>{
      console.log(data);
      /* 
        {
          "access_token": "IGQVJ...",
          "user_id": 17841405793187218
        }
      */
    })
  }

}