Skip to content

Menambahkan Kanal Dropbox

Yang Diperlukan Terlebih Dahulu

KebutuhanAlasan diperlukan
Akun DropboxDigunakan untuk masuk dan mengotorisasi aplikasi
Aplikasi DropboxDigunakan untuk membuat App Key dan App Secret
Domain ImgHost AndaDigunakan sebagai OAuth redirect URI
Ruang penyimpanan Dropbox yang tersediaDigunakan sebagai lokasi penyimpanan berkas sebenarnya

Langkah Konfigurasi

Langkah 1: Membuat Aplikasi Dropbox

  1. Buka Dropbox App Console:
text
https://www.dropbox.com/developers/apps
  1. Buat aplikasi baru.
  2. Untuk jenis akses, pilih:
text
App folder
  1. Beri aplikasi nama yang mudah dikenali, misalnya imgbed-app.
  2. Setelah dibuat, buka halaman detail aplikasi.

Jenis akses yang disarankan:

Jenis aksesRekomendasi
App folderDisarankan. Sesuai dengan cara ImgHost menyimpan berkas.
Full DropboxTidak disarankan. ImgHost tidak membutuhkan akses penuh ke seluruh akun.

Membuat aplikasi Dropbox

Langkah 2: Menambahkan Redirect URI

Pada halaman detail aplikasi Dropbox, cari pengaturan OAuth atau Redirect URI, lalu tambahkan:

text
https://your-domain.com/api/oauth/dropbox/callback

Jika panel admin digunakan dari lebih dari satu domain, tambahkan setiap URL callback yang sesuai.

Mengonfigurasi Redirect URI

Langkah 3: Mengonfigurasi Izin Aplikasi

Buka tab Permissions dan aktifkan setidaknya cakupan berikut:

CakupanWajibTujuan
account_info.readWajibMembaca informasi akun dan kuota
files.metadata.readWajibMembaca metadata berkas dan folder untuk pemeriksaan jalur
files.metadata.writeWajibMembuat folder dan menulis metadata
files.content.writeWajibMengunggah berkas. Jika cakupan ini tidak ada, akan muncul required scope 'files.content.write'.
files.content.readDisarankanMengizinkan unduhan, pratinjau, dan tautan berkas sementara

Setelah memilih cakupan, klik Submit di bagian bawah halaman.

Menambahkan izin

Penting:

SituasiYang harus dilakukan
Anda mengubah cakupanJalankan ulang alur otorisasi token dan ambil Refresh Token baru.
Anda tidak mengotorisasi ulangToken lama tidak akan mendapat izin baru, sehingga unggahan masih dapat gagal.

Langkah 4: Menyalin Kredensial Aplikasi

Simpan dua nilai ini dari halaman aplikasi Dropbox:

Kolom DropboxKolom ImgHost
App keyApp Key
App secretApp Secret

Langkah 5: Mengisi Kanal Dropbox

Di pengaturan unggah, pilih Dropbox lalu isi:

Kolom ImgHostNilai yang diisi
Nama kanalNama yang mudah dikenali, misalnya Main Dropbox
App KeyApp key Dropbox
App SecretApp secret Dropbox
Refresh TokenBiarkan kosong terlebih dahulu
Direktori rootOpsional. Default adalah imgbed.
CatatanOpsional

Mendapatkan token

Langkah 6: Mendapatkan Refresh Token

  1. Di ImgHost, klik Get Token.
  2. Masuk ke akun Dropbox yang ingin dihubungkan.
  3. Setujui permintaan otorisasi.
  4. Halaman callback akan menampilkan Refresh Token.
  5. Salin token tersebut.
  6. Kembali ke ImgHost dan tempelkan ke kolom Refresh Token.

Menyalin token

Verifikasi

PemeriksaanHasil yang diharapkan
Kartu kanalKanal Dropbox muncul setelah disimpan.
Sakelar kanalKanal dapat diaktifkan.
Token tersimpanHalaman detail menunjukkan bahwa Refresh Token sudah tersimpan.
Uji unggahGambar uji muncul di folder aplikasi Dropbox.

Jika batas kuota aktif, klik kueri kuota. Setelah kueri berhasil, kartu kanal menampilkan ruang terpakai, ruang total, dan waktu pembaruan terakhir.

Kueri kuota berhasil

Pemecahan Masalah

MasalahSolusi
ImgHost menyatakan konfigurasi belum lengkapPastikan App Key, App Secret, dan Refresh Token semuanya terisi.
Otorisasi selesai tetapi Refresh Token tidak munculKlik Get Token lagi dan pastikan alur otorisasi offline digunakan.
Unggahan gagal dengan required scope 'files.content.write'Aktifkan files.content.write, klik Submit, lalu ambil Refresh Token baru.
Callback gagalPastikan redirect URI adalah https://your-domain.com/api/oauth/dropbox/callback.
Berkas tidak ditemukanPastikan aplikasi Dropbox dibuat dalam mode App folder.

Alur Cepat

text
Open Dropbox App Console
-> Create an app
-> Choose App folder access
-> Add https://your-domain.com/api/oauth/dropbox/callback
-> Enable account_info.read / files.metadata.read / files.metadata.write / files.content.write
-> Optionally enable files.content.read
-> Click Submit
-> Copy App Key and App Secret
-> Fill them into ImgHost
-> Click Get Token
-> Copy the Refresh Token from the callback page
-> Paste it back into ImgHost and save

Referensi

  1. Dropbox App Console: https://www.dropbox.com/developers/apps
  2. Panduan OAuth Dropbox: https://developers.dropbox.com/oauth-guide
  3. Panduan Developer Dropbox: https://www.dropbox.com/developers/reference/developer-guide

Released as user documentation for ImgHost.