Menangani Error

Error dapat terjadi di berbagai lapisan. Anda mungkin mendapatkan notifikasi dengan berbagai cara, bergantung pada lokasi terjadinya error.

Parameter OAuth yang Wajib

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

Error Konsol JavaScript

Memperbaiki Error Konfigurasi OAuth

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

Nilai Parameter OAuth Tidak Valid

Jika Anda menetapkan nilai yang tidak valid ke parameter OAuth, seperti ID klien, 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, dalam hal ini fungsi callback 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 mencatat error tersebut, dan memicu error_callback jika ditetapkan. Pastikan untuk memeriksa jenis error. Jika tidak, logika kode Anda mungkin terpengaruh saat library ini mendukung jenis error baru di kemudian hari.

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