Backblaze B2 ကို Cloudflare custom domain နှင့် ချိတ်ဆက်ထားသည် (100% free traffic ရရှိခြင်း)

Backblaze B2 ဖြင့် အလွန်စျေးသက်သာသော သိုလှောင်မှုတစ်ခု တည်ဆောက်လိုသော်လည်း domain name တစ်ခုကို မည်သို့ချည်နှောင်ရမည်ကို မသိပါသလား။ ဤဆောင်းပါးသည် Backblaze ကို Cloudflare မှ စိတ်ကြိုက် domain name နှင့် ပေါင်းစပ်ခြင်းလုပ်ငန်းစဉ်တစ်ခုလုံးကို အဆင့်ဆင့် လမ်းညွှန်ပေးပါမည်။

DNS resolution၊ SSL certificate configuration နှင့် routing rule setting များ၏ အသေးစိတ်ခွဲခြမ်းစိတ်ဖြာမှုသည် Bandwidth Alliance ကို ပြီးပြည့်စုံစွာအသုံးချနိုင်ရန်နှင့် 100% free downlink traffic ကိုရရှိရန် သင့်အား လမ်းညွှန်ပေးပါလိမ့်မည်။ ဤအဆင့်မြင့်ပြီး ပြဿနာကင်းသော configuration လမ်းညွှန်ကို ယခုပင် ရယူလိုက်ပါ။

ရက်အနည်းငယ်က image hosting မှာ အလုပ်ရှုပ်နေခဲ့တယ်၊ ကျွန်တော့်ဘလော့ဂ်က image အားလုံးကို Backblaze B2 ကို ရွှေ့ဖို့နဲ့ Cloudflare CDN ကိုသုံးပြီး image တွေကို မြန်အောင်လုပ်ဖို့ ကြိုးစားခဲ့တယ်။

ရလဒ်အနေနဲ့ ဒီကိစ္စတစ်ခုလုံးက နေ့လည်ခင်းတစ်ခုလုံးကို လွှမ်းမိုးသွားခဲ့တယ်။

အွန်လိုင်းသင်ခန်းစာတွေက ပြန့်ကျဲပြီး အဆက်အစပ်မရှိ၊ ပျောက်ဆုံးနေတဲ့ ဒါမှမဟုတ် မှားယွင်းနေတဲ့ အဆင့်တွေ အများကြီးရှိနေတာ ကျွန်မကို အတော်လေး စိတ်ပျက်စေတယ်။ ပြီးသွားတဲ့အခါ တခြားသူတွေလည်း အဲဒီလိုအမှားမျိုး မလုပ်မိအောင် လုပ်ငန်းစဉ်တစ်ခုလုံးကို အစကနေ အဆုံးထိ လုပ်ဖို့ ဆုံးဖြတ်လိုက်တယ်။

အတိုချုပ်ပြောရရင် ဒီဖြေရှင်းချက်က အရမ်းကောင်းပါတယ်။ Backblaze B2 က နေ့စဉ်အခမဲ့ ထောက်ပံ့ကြေးပေးထားပြီး Cloudflare ရဲ့ CDN caching နဲ့ ပေါင်းစပ်လိုက်တဲ့အခါ မြန်နှုန်းက လုံလောက်ပြီး ကုန်ကျစရိတ်က သုညနီးပါးပါပဲ။ တစ်လလောက် လည်ပတ်ပြီးရင် ဘေလ်က သုညပါပဲ (အခမဲ့ ထောက်ပံ့ကြေးထက် ကျော်လွန်သွားရင် အများဆုံး ဆင့်အနည်းငယ်သာ ကုန်ကျနိုင်ပါတယ်)။

အိုကေ၊ စကားစမြည်ပြောဖို့ လုံလောက်ပြီ၊ စလိုက်ကြရအောင်။

ပထမခြေလှမ်းကတော့ Backblaze အကောင့်နဲ့ Cloudflare အကောင့်ကို မှတ်ပုံတင်ဖို့ပါပဲ။ ဒါက ရိုးရှင်းပါတယ်။ ဘယ်သူမဆို လုပ်နိုင်ပါတယ်။

သိုလှောင်မှုပုံးတစ်ခု ဖန်တီးပါ

မှတ်ပုံတင်ပြီးနောက် Backblaze backend သို့သွားပါ၊ My Account၊ ထို့နောက် Buckets၊ ထို့နောက် Create a Bucket ကိုနှိပ်ပါ။

bucket ကို မည်သည့်အမည်မဆို ပေးနိုင်ပါသည်။ အဓိကအချက်မှာ ဝင်ရောက်ခွင့်အတွက် "Public" ကို ရွေးချယ်ရန်ဖြစ်သည်။ ကျန်အရာအားလုံးကို မူရင်းအတိုင်းထားပါ။

ပုံကို ဖန်တီးပြီးနောက်၊ ၎င်းကို ဝင်ရောက်ကြည့်ရှုနိုင်ခြင်း ရှိ၊ မရှိ စစ်ဆေးရန် ပုံတစ်ပုံကို အပ်လုဒ်လုပ်နိုင်ပါသည်။ ရုပ်ပုံအသေးစိတ်အချက်အလက်များကို နှိပ်ခြင်းဖြင့် လင့်ခ်တစ်ခု ပြသပေးမည်ဖြစ်ပြီး ၎င်းသည် ဤကဲ့သို့ ဖြစ်လိမ့်မည်-

https:// f005.backblazeb2. com/file/bucket-name/xxxxx.jpg

ဒီ domain name ကို Backblaze က ကျပန်းသတ်မှတ်ပေးခဲ့တာဖြစ်ပြီး ရိုးရိုးသားသားပြောရရင် အလှအပပိုင်းအရ သိပ်မကောင်းသလို သင့်ရဲ့ storage bucket အချက်အလက်တွေကိုလည်း တိုက်ရိုက်ဖော်ထုတ်ပေးပါတယ်။ ဒါကြောင့် နောက်တစ်ဆင့်ကတော့ Cloudflare ကိုပြောင်းသုံးဖို့ပါပဲ။

DNS

Cloudflare မှာ သင့်ဆိုက်ကို ထည့်သွင်းဖို့အတွက်၊ တခြားနေရာမှာ domain ကို ဝယ်ယူပြီးသားဆိုရင် "Add Site" ကို ရွေးချယ်ပြီး DNS ကို Cloudflare ရဲ့ nameserver (ဥပမာ danica.ns.cloudflare.com) ကို ပြောင်းပါ။ တစ်ဆင့်ချင်းစီ လုပ်ဆောင်နည်း အသေးစိတ် ညွှန်ကြားချက်တွေကို ပေးပါလိမ့်မယ်။

ဝက်ဘ်ဆိုက်ထည့်ပြီးရင် DNS မှတ်တမ်းထည့်ပါ။

အမျိုးအစားအဖြစ် CNAME ကို ရွေးချယ်ပါ၊ သင်လိုချင်သော subdomain ကို အမည်အဖြစ် ရိုက်ထည့်ပါ (ဥပမာ၊ oss)၊ ထို့နောက် Backblaze မှ သင်ယခုရရှိခဲ့သော domain ကို target အဖြစ် ရိုက်ထည့်ပါ (ဥပမာ၊ f005.backblazeb2.com)။ proxy status အတွက် လိမ္မော်ရောင် cloud icon ကို enable လုပ်ဖို့ မမေ့ပါနဲ့။ ၎င်းသည် Cloudflare ၏ CDN ကိုအသုံးပြုရန် လိုအပ်ပါသည်။

ဤအချိန်တွင်၊ သင်သည် ပုံများကို သင့်ကိုယ်ပိုင်ဒိုမိန်းမှတစ်ဆင့် ဝင်ရောက်ကြည့်ရှုနိုင်သည်၊ ဤကဲ့သို့

https:// oss.xxx .com/file/bucket-name/xxxxx.jpg

မူရင်း ကျပန်း domain name ထက် အများကြီး ပိုကောင်းပုံရပေမယ့် မလုံလောက်သေးပါဘူး။ URL မှာ "/file/bucket-name/" ဆိုတဲ့ စာကြောင်း ရှိနေသေးလို့၊ အဲဒါက ရုပ်ဆိုးပြီး bucket structure ကို ဖော်ထုတ်လိုက်သလို ခံစားရစေပါတယ်။

URL လမ်းကြောင်းကို ပြန်ရေးပါ

Cloudflare backend ကိုသွားပြီး Rules ကိုနှိပ်၊ ပြီးရင် Overview၊ ပြီးရင် URL Rewrite Rules ကိုနှိပ်ပြီး rule အသစ်တစ်ခု ဖန်တီးပါ။

စည်းမျဉ်းကို မည်သည့်အမည်မဆို ပေးနိုင်ပါတယ်၊ တောင်းဆိုချက် URL အတွက် "မထည့်သွင်းပါနှင့်" ကို ရွေးချယ်ပြီးနောက် /file/ ကို ဖြည့်ပါ။ ဆိုလိုသည်မှာ /file/ လမ်းကြောင်း မပါဝင်သော တောင်းဆိုမှုများကိုသာ လုပ်ဆောင်ပါမည်။

သို့သော်၊ စည်းမျဉ်းများကို ပိုမိုတိကျစေလိုပါက ထို subdomain ကို တိုက်ရိုက်ကိုက်ညီစေနိုင်သည်။

နောက်ဆုံးအကွက်ကို အောက်ပါတို့ဖြင့် ဖြည့်ပါ-

concat(/file/桶名, http.request.uri.path)

ပြီးရင် ဖြန့်ကျက်ပါ။

ထို့နောက် ဝင်ရောက်ခွင့်ရလဒ်မှာ အောက်ပါအတိုင်းဖြစ်လိမ့်မည်။

https:// oss.xxx.com/ xxxxx.jpg

အစွန်းအထင်းကင်းစင်ပြီး အပိုဘာမှ မရှိပါဘူး။

အဲဒါကောင်းတယ်လို့ ခံစားရတယ်။

မလိုအပ်သော တုံ့ပြန်မှု ခေါင်းစဉ်များကို ရှင်းလင်းပါ

ဒီအဆင့်က မဖြစ်မနေလုပ်ရမယ့်အဆင့်ပါ၊ ဒါပေမယ့် လုပ်ကြည့်ဖို့ အကြံပြုလိုပါတယ်။

Backblaze ရဲ့ response header တွေမှာ "x-bz-" နဲ့စတဲ့ အချက်အလက်တွေ အများကြီးပါဝင်ပြီး ဥပမာ "x-bz-file-id", "x-bz-file-name" နဲ့ "x-bz-content-sha1" တို့ ဖြစ်ပါတယ်။ ဒီအချက်အလက်တွေက သင့်ရဲ့ဖိုင်သိုလှောင်မှုအသေးစိတ်ကို ဖော်ထုတ်ပေးပေမယ့် အသုံးပြုသူတွေကို ပြသဖို့မလိုပါဘူး။

လုပ်ဆောင်ပုံက အရင်နဲ့ ဆင်တူပါတယ်။ စည်းမျဉ်းကဏ္ဍမှာ "Response Header Transformation Rules" ကို ရွေးချယ်ပြီး စည်းမျဉ်းအသစ်တစ်ခု ဖန်တီးပါ။

ဤခေါင်းစီးများကို ဖျက်ခြင်းကို စီစဉ်သတ်မှတ်ပါ-

x-bz-content-sha1
x-bz-file-id
x-bz-file-name
x-bz-info-src_last_modified_millis
x-bz-upload-timestamp

x-bz-info-src_last_modified_millis ကို စာရင်းထဲမှာ မတွေ့ဖူးသေးဘူးလို့ ထင်ပါတယ်၊ ဒါပေမယ့် တရားဝင် သင်ခန်းစာမှာ ဖော်ပြထားတာမို့ ကျွန်တော်လည်း ထည့်ထားပါတယ်။ ဘာပဲဖြစ်ဖြစ်၊ ဘာမှ မထူးပါဘူး။

ပြီးတော့ အရမ်းအရေးကြီးတဲ့ နောက်ထပ်စည်းမျဉ်းတစ်ခုလည်း ရှိပါသေးတယ်။

caching စွမ်းဆောင်ရည်ကို အကောင်းဆုံးဖြစ်အောင်လုပ်ပါ။ Cloudflare မှာ Backblaze မှ ပြန်ပေးတဲ့ response headers တွေနဲ့ ETag value ကို ပေါင်းစပ်ဖို့ response header rule တစ်ခုကို သတ်မှတ်နိုင်ပါတယ်။

concat(http.response.headers[x-bz-content-sha1][0], http.response.headers[x-bz-info-src_last_modified_millis][0], http.response.headers[x-bz-file-id][0])

ဒါကို စနစ်ထည့်သွင်းပြီးရင် ပြန်သွားပြီး image response header တွေကို စစ်ဆေးကြည့်ပါ။ "x-bz" နဲ့စတဲ့ header အားလုံး ပျောက်သွားပြီး ETag တန်ဖိုးကို တွေ့ရပါလိမ့်မယ်။

သန့်ရှင်းပြီး ထိရောက်မှုရှိသည်။

ကက်ရှ်စည်းမျဉ်းများကို ပြင်ဆင်သတ်မှတ်ပါ

Cloudflare မှာ page rule တစ်ခုထည့်ပါ၊ သင်ဖြေရှင်းထားတဲ့ domain name နဲ့ URL မှာ /* ကိုထည့်ပါ၊ cache level အတွက် "Cache All" ကိုရွေးပြီး edge cache TTL ကို one month သတ်မှတ်ပါ။

Backblaze ကိုလည်း configure လုပ်ဖို့လိုပါတယ်။ bucket setting မှာ bucket information မှာ စာကြောင်းတစ်ကြောင်းထည့်ပါ။

{"cache-control":"max-age=720000"}

ဒီအချိန်ကို လိုအပ်သလို ချိန်ညှိနိုင်ပါတယ်။ ယူနစ်က စက္ကန့်ပါ။ စက္ကန့် ၇၂၀,၀၀၀ ဆိုတာ ၈ ရက်ခန့်ဖြစ်ပြီး လုံလောက်ပါတယ်။

ယခု သင့်ပုံကို ပြန်လည်ဝင်ရောက်ကြည့်ရှုသောအခါ၊ response header တွင် အောက်ပါအတိုင်း မြင်ရပါလိမ့်မည်။

cache-control: အများဆုံး-အသက်=၇၂၀၀၀၀
cf-cache-status: HIT

HIT ကို မြင်လိုက်လား။ ဆိုလိုတာက cache အလုပ်လုပ်နေတယ်လို့ ဆိုလိုတာပါ။

Backblaze ကနေ resource တွေကို အချိန်တိုင်း ဆွဲယူစရာမလိုပါဘူး။ CDN က သူတို့ကို တိုက်ရိုက် feed လုပ်ပေးတာကြောင့် မြန်ဆန်ပြီး Backblaze ရဲ့ free quota ကို သက်သာစေပါတယ်။

ပြောရရင် Backblaze က နေ့စဉ် အခမဲ့ ပေးပေမယ့် တကယ်တမ်းတော့ မများပါဘူး။ ဘလော့ဂ်ပုံတွေကိုပဲ တင်မယ်ဆိုရင် တစ်နေ့ကို storage 10GB နဲ့ download traffic 1GB က လုံလောက်ပါတယ်။ ဗီဒီယိုတွေ ဒါမှမဟုတ် ဖိုင်ကြီးတွေ တင်မယ်ဆိုရင်တော့ Cloudflare ရဲ့ caching ကို ကောင်းကောင်းအသုံးချပြီး origin server ကို တိုက်ရိုက်ချိတ်ဆက်တာကို ရှောင်ဖို့ အကြံပြုလိုပါတယ်။

PicGo client နှင့် တွဲဖက်၍

client-side visualization tool ကို ရွေးချယ်တာက သင့်အပေါ်မှာပဲ မူတည်ပါတယ်။ ipic လိုမျိုး တခြားရွေးချယ်စရာတွေလည်း ရှိပါတယ်။ ဒီအပိုင်းက PicGo ကို အဓိကထားပါတယ်။

GitHub မှာ PicGo ကိုရှာပြီး releases စာမျက်နှာကိုရှာပြီး သက်ဆိုင်ရာ version ကို download လုပ်ပါ။

Backblaze B2 သည် S3 API နှင့် တွဲဖက်အသုံးပြုနိုင်သောကြောင့် ထည့်သွင်းပြီးနောက် S3 plugin တစ်ခုကို ထည့်သွင်းရန် လိုအပ်ပါသည်။

ထို့နောက် Backblaze သို့သွားပြီး Application Key တစ်ခု ဖန်တီးပါ။ App Keys စာမျက်နှာတွင် Add Application Key ကို နှိပ်ပြီး read and write permissions ကို ရွေးချယ်ပါ။

Key ID နှင့် Application Key ရရှိပြီးပါက PicGo ၏ S3 plugin တွင် ဖြည့်စွက်ပါ။

ဒီမှာ သတိထားရမယ့် အားနည်းချက်တစ်ခုရှိတယ်။

အွန်လိုင်းသင်ခန်းစာအများစုဟာ endpoint အတွက် s3.us-west-xxx.backblazeb2.com format ကို အသုံးပြုကြပေမယ့် ကျွန်တော့်လိုပဲ Cloudflare နဲ့ ချိတ်ဆက်ထားတဲ့ custom domain တစ်ခုကို အသုံးပြုနေတယ်ဆိုရင် သင့်ရဲ့ custom domain ကို ထည့်သွင်းဖို့ လိုအပ်ပါတယ်။ node field အတွက် https://oss.xxx.com ကို ရိုက်ထည့်ပြီးရင် bucket အတွက် သင်ဖန်တီးထားတဲ့ bucket name ကို ရိုက်ထည့်ပါ။

ဖိုင်တွဲစပ်ပြီးသည်နှင့် ၎င်းကို သိမ်းဆည်းပါ၊ ထို့နောက် စမ်းသပ်ပုံတစ်ပုံကို အပ်လုဒ်လုပ်ပါ။

custom domain ကနေတစ်ဆင့် upload လုပ်ပြီး access လုပ်လို့ရရင် ကောင်းပါတယ်။

အသုံးပြုမှုကို ကြည့်ရှုပါ

သင့်ရဲ့ Backblaze B2 အသုံးပြုမှုကို စစ်ဆေးချင်ရင် Backblaze backend ရဲ့ My Account စာမျက်နှာမှာ ကြည့်ရှုနိုင်ပါတယ်။ နေ့စဉ်သိုလှောင်မှု၊ download တွေနဲ့ B2 request အရေအတွက်တွေကို ရှင်းရှင်းလင်းလင်းဖော်ပြထားတာကြောင့် ကန့်သတ်ချက်ထက် ကျော်လွန်သွားခြင်း ရှိ၊ မရှိကို အလွယ်တကူ စောင့်ကြည့်နိုင်ပါတယ်။

တကယ်တော့ ဒီစနစ်တစ်ခုလုံးကို စနစ်ထည့်သွင်းဖို့က သိပ်မခက်ခဲပေမယ့် လွယ်ကူတဲ့ကိစ္စလည်း မဟုတ်ပါဘူး။ ကျွန်တော်တို့မှာ အခက်အခဲတွေနဲ့ ကြုံတွေ့ခဲ့ရပါတယ်။ အစိတ်အနှောင့်အယှက်ဖြစ်စရာအကောင်းဆုံးအပိုင်းကတော့ အသေးစိတ်အချက်အလက်တွေပါ။ တစ်ခုတောင် မပါရင် ဝင်ကြည့်လို့မရတာ၊ loading နှေးကွေးတာ ဒါမှမဟုတ် အချက်အလက်တွေ ပေါက်ကြားတာတွေ ဖြစ်နိုင်ပါတယ်။

ဒါကို စနစ်ထည့်သွင်းပြီးနောက် ကျွန်တော့်ရဲ့ အကြီးမားဆုံး သင်ယူရမယ့်အချက်ကတော့ ဒီဖြေရှင်းချက်ဟာ ကိုယ်ပိုင်ဝက်ဘ်ဆိုက်ပိုင်ရှင်တွေ ဒါမှမဟုတ် ဘလော့ဂ်ငယ်လေးတွေအတွက် အသင့်တော်ဆုံးပါပဲ။ ကုန်ကျစရိတ်နည်းပြီး မြန်ဆန်တဲ့အပြင် တစ်ခါ configure လုပ်ပြီးရင် ဘာမှလုပ်စရာမလိုပါဘူး—တစ်သက်တာအတွက် တစ်ကြိမ်တည်းသုံးနိုင်တဲ့ ဖြေရှင်းချက်ပါပဲ။

ထို့အပြင် Backblaze ကို Cloudflare ဖြင့် ပေါင်းစပ်ခြင်းဖြင့် လာရောက်ကြည့်ရှုသူများသည် သင်၏ custom domain ကို မြင်တွေ့ရပြီး response headers များသည် သန့်ရှင်းပြီး CDN ​​acceleration ရှိသောကြောင့် image hosting ဝန်ဆောင်မှုများနှင့် အတူတူပင် အတွေ့အကြုံကို ရရှိစေသည်။

ရိုးရိုးသားသားပြောရရင် အရာအားလုံးကို အသုံးပြုမှုပေါ်မူတည်ပြီး ကောက်ခံတဲ့ ဒီခေတ်မှာ ဒီလို အခမဲ့နီးပါး အစီအစဉ်တစ်ခု ရှာတွေ့တာက အတော်လေးကို ကောင်းပါတယ်။

နောက်ဆုံးအနေနဲ့ image hosting မှာလည်း အခက်တွေ့နေတယ်ဆိုရင် ဒီဆောင်းပါးက စမ်းသပ်မှုနဲ့ အမှားအယွင်းတွေကို သက်သာစေမယ်လို့ မျှော်လင့်ပါတယ်။

ဒီအထိဖတ်ပြီးပြီဆိုတော့ အသုံးဝင်ရင် like လုပ်ပြီး share လုပ်ပေးပါ။ update တွေကို ဦးစွာရယူချင်ရင် ကျွန်တော့်ကို follow လုပ်နိုင်ပါတယ်။ ⭐

ကျွန်တော့်ရဲ့ဆောင်းပါးကို ဖတ်ရှုပေးတဲ့အတွက် ကျေးဇူးတင်ပါတယ်။ နောက်တစ်ကြိမ်မှာ ပြန်ဆုံကြမယ်။