Menangani Error

Error dapat terjadi di berbagai lapisan. Anda mungkin mendapatkan notifikasi dengan cara yang berbeda-beda, bergantung pada tempat terjadinya error.

Parameter OAuth yang Diperlukan

Jika lupa menyetel parameter OAuth yang diperlukan, seperti client_id atau cakupan, Anda akan melihat pesan error di Konsol JavaScript browser.

Error Konsol JavaScript

Memperbaiki Error Konfigurasi OAuth

Perubahan di konsol Google API mungkin diperlukan untuk mengatasi beberapa error.

Nilai Parameter OAuth Tidak Valid

Jika Anda menetapkan nilai yang tidak valid ke parameter OAuth, seperti client ID, ID cakupan, atau nilai jenis respons yang tidak valid, Anda akan melihat halaman error OAuth.

Error OAuth

Respons Error OAuth

OAuth dapat menampilkan respons error. Jika demikian, fungsi callback Anda akan dipicu dengan respons error sebagai parameter. Berikut adalah contoh respons error OAuth.

  {
    "error":"access_denied"
  }

Contohnya antara lain:

  1. Pengguna menolak permintaan OAuth.
  2. Untuk permintaan OAuth dengan parameter prompt=none, pengguna belum diautentikasi dan belum mengonfigurasi izin sebelumnya untuk cakupan yang diminta.

Contoh ini menunjukkan cara menangani respons OAuth yang berhasil dan error:

function myCallback(response) {
  if (response.error) {
    // Handle error response
    ... ...
  } else if (response.code) {
    // Handle success code response
    ... ...
  }
}

Error Non-OAuth

OAuth tidak menentukan perilaku saat:

  1. jendela pop-up gagal terbuka.
  2. jendela pop-up ditutup sebelum respons OAuth ditampilkan.

Library ini menangkap error ini, dan memicu error_callback jika ditetapkan. Pastikan untuk memeriksa jenis error. Jika tidak, logika kode Anda mungkin akan terpengaruh saat library ini mendukung jenis error baru nanti.

function myErrorCallback(err) {
  if (err.type == 'popup_failed_to_open') {
    // The popup window is failed to open
    ... ...
  } else if (err.type == 'popup_closed') {
    // The popup window is closed before an OAuth response is returned
    ... ...
  }
}

const client = google.accounts.oauth2.initCodeClient({
  client_id: 'YOUR_GOOGLE_CLIENT_ID',
  scope: 'https://www.googleapis.com/auth/calendar.readonly',
  ux_mode: 'popup',
  callback: myCallback,
  error_callback: myErrorCallback
});