Otentikasi Pengguna Tes {"error_type": "OAuthException", "code": 400, "error_message": "Aplikasi platform tidak valid"}

Saya mencoba memulihkan token akses melalui Instagram Basic Display API tetapi ketika mencoba untuk mengotentikasi pengguna tes saya mendapatkan kesalahan ini:

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

Saya berharap untuk melihat layar otorisasi aplikasi

Felice!

Saat menyiapkan aplikasi Instagram, Anda harus menggunakan ID Aplikasi khusus platform dan bukan yang umum dibuat di Facebook.

Di Dashboard aplikasi Facebook Anda, buka Products > Instagram > Basic Displaydan harus melihat ID Aplikasi Instagram .

Gunakan itu di URL otorisasi Anda dan itu akan berfungsi.

Melewati parameter melalui body dan di x-www-form-urlencoded berfungsi dengan baik seperti yang Anda lihat pada gambar di bawah ini

Saya memiliki masalah serupa dan dapat menyelesaikannya dengan mengatur jenis konten dari permintaan ke application / x-www-form-urlencoded. di bawah ini adalah ac # contoh yang menunjukkan cara menjalankan permintaan:

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);
    }

Seperti yang disebutkan dalam jawaban lain juga, masalah dengan bentuk tubuh yang seharusnya dikirim dalam format x-www-form-urlencoded . Itu bekerja dengan baik bagi saya di tukang pos tetapi untuk menerapkan hal yang sama dalam sudut sedikit khas. Di sini badan permintaan posting pertama-tama harus dikonversi dalam format HttpParams dan kemudian meneruskan ke parameter 'tubuh' permintaan posting sebagai string seperti ini ..

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
        }
      */
    })
  }

}