Skip to content

Dropbox Channel ထည့်သွင်းခြင်း

စမလုပ်ခင် လိုအပ်တာတွေ

လိုအပ်ချက်ဘာကြောင့်လိုလဲ
Dropbox accountsign in ဝင်ရန်နှင့် app authorize လုပ်ရန်
Dropbox appApp Key နဲ့ App Secret generate လုပ်ရန်
သင့် ImgBed domainOAuth redirect URI အတွက်
Dropbox storage ရရှိနိုင်မှုfile storage location အဖြစ်သုံးရန်

Setup Steps

Step 1: Dropbox App ဖန်တီးပါ

  1. Dropbox App Console ကိုဖွင့်ပါ:
text
https://www.dropbox.com/developers/apps
  1. app အသစ်ဖန်တီးပါ။
  2. access type အတွက်ရွေးပါ:
text
App folder
  1. app ကိုမှတ်မိလွယ်တဲ့အမည်ပေးပါ၊ ဥပမာ imgbed-app
  2. app ဖန်တီးပြီးနောက် app details page ကိုဖွင့်ပါ။

Recommended access type:

Access TypeRecommendation
App folderRecommended။ ImgBed ရဲ့ file storage ပုံစံနဲ့ကိုက်ညီသည်။
Full Dropboxမထောက်ခံပါ။ ImgBed က full-account access မလိုပါ။

Create Dropbox app

Step 2: Redirect URI ထည့်ပါ

Dropbox app details page မှာ OAuth သို့မဟုတ် Redirect URI settings ကိုရှာပြီး ထည့်ပါ:

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

admin panel ကို domain တစ်ခုထက်ပိုပြီးသုံးလျှင် matching callback URL တစ်ခုချင်းစီထည့်ပါ။

Configure redirect URI

Step 3: App Permissions Configure လုပ်ပါ

Permissions tab ကိုဖွင့်ပြီး အနည်းဆုံး ဒီ scopes တွေ enable လုပ်ပါ:

ScopeRequiredPurpose
account_info.readRequiredaccount နဲ့ quota information ဖတ်ရန်
files.metadata.readRequiredpath checks အတွက် file/folder metadata ဖတ်ရန်
files.metadata.writeRequiredfolders ဖန်တီးရန်နှင့် metadata ရေးရန်
files.content.writeRequiredfiles upload လုပ်ရန်။ ဒီ scope မရှိလျှင် required scope 'files.content.write' error ဖြစ်မည်။
files.content.readRecommendeddownload, preview, temporary file links အတွက်ခွင့်ပြုသည်

scopes ရွေးပြီးနောက် page အောက်ခြေက Submit ကိုနှိပ်ပါ။

Add permissions

Important:

SituationWhat To Do
scopes ပြောင်းထားသည်token authorization flow ကိုပြန် run လုပ်ပြီး Refresh Token အသစ်ယူပါ။
reauthorize မလုပ်ထားtoken ဟောင်းက permissions အသစ်မရပါ၊ upload က fail ဖြစ်နေနိုင်သည်။

Step 4: App Credentials Copy လုပ်ပါ

Dropbox app page မှ ဒီ values နှစ်ခုကိုသိမ်းပါ:

Dropbox FieldImgBed Field
App keyApp Key
App secretApp Secret

Step 5: ImgBed မှာ Dropbox Channel ဖြည့်ပါ

Upload Settings မှာ Dropbox ကိုရွေးပြီး:

ImgBed FieldWhat To Enter
Channel nameမှတ်မိလွယ်တဲ့အမည်၊ ဥပမာ Main Dropbox
App KeyDropbox App key
App SecretDropbox App secret
Refresh Tokenအခုခဏဗလာထားပါ
Root directoryOptional။ default က imgbed
NoteOptional

Get token

Step 6: Refresh Token ရယူပါ

  1. ImgBed မှာ Get Token ကိုနှိပ်ပါ။
  2. connect လုပ်ချင်တဲ့ Dropbox account ထဲ sign in ဝင်ပါ။
  3. authorization prompt ကို approve လုပ်ပါ။
  4. callback page မှာ Refresh Token ပြပါမယ်။
  5. အဲဒါကို copy လုပ်ပါ။
  6. ImgBed ကိုပြန်သွားပြီး Refresh Token field ထဲ paste လုပ်ပါ။

Copy token

စစ်ဆေးနည်း

CheckExpected Result
Channel cardSave ပြီးနောက် Dropbox channel ပေါ်လာရပါမယ်။
Channel switchchannel ကို enable လုပ်လို့ရရပါမယ်။
Token saveddetail page မှာ Refresh Token သိမ်းထားကြောင်းပြရပါမယ်။
Upload testtest image က Dropbox app folder ထဲပေါ်လာရပါမယ်။

quota limits enabled ဖြစ်လျှင် quota query ကိုနှိပ်ပါ။ query အောင်မြင်ပြီးနောက် channel card က used space, total space, last update time ကိုပြပါမယ်။

Quota query success

Troubleshooting

ProblemFix
ImgBed က configuration incomplete လို့ပြသည်App Key, App Secret, Refresh Token အားလုံးဖြည့်ထားလားစစ်ပါ။
Authorization အောင်မြင်ပေမယ့် Refresh Token မပေါ်Get Token ကိုပြန်နှိပ်ပြီး offline authorization flow သုံးနေလားစစ်ပါ။
Upload က required scope 'files.content.write' နဲ့ fail ဖြစ်သည်files.content.write enable လုပ်ပါ၊ Submit နှိပ်ပါ၊ Refresh Token အသစ်ယူပါ။
Callback fail ဖြစ်သည်redirect URI က https://your-domain.com/api/oauth/dropbox/callback ဖြစ်ကြောင်း confirm လုပ်ပါ။
Files မတွေ့Dropbox app ကို App folder mode နဲ့ဖန်တီးထားလား confirm လုပ်ပါ။

Quick Flow

text
Dropbox App Console ဖွင့်ပါ
-> app ဖန်တီးပါ
-> App folder access ရွေးပါ
-> https://your-domain.com/api/oauth/dropbox/callback ထည့်ပါ
-> account_info.read / files.metadata.read / files.metadata.write / files.content.write enable လုပ်ပါ
-> လိုအပ်လျှင် files.content.read enable လုပ်ပါ
-> Submit ကိုနှိပ်ပါ
-> App Key နဲ့ App Secret copy လုပ်ပါ
-> ImgBed ထဲထည့်ပါ
-> Get Token ကိုနှိပ်ပါ
-> callback page မှ Refresh Token copy လုပ်ပါ
-> ImgBed မှာ paste လုပ်ပြီး save လုပ်ပါ

References

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

Released as user documentation for CloudFlare ImgBed.