Nakakonekta ang Backblaze B2 sa isang custom domain ng Cloudflare (nakamit ang 100% libreng trapiko)

Gusto mo bang bumuo ng napakamurang storage gamit ang Backblaze B2 pero hindi mo alam kung paano i-bind ang isang domain name? Gagabayan ka ng artikulong ito nang sunud-sunod sa buong proseso ng pagsasama ng Backblaze sa isang custom na domain name mula sa Cloudflare.

Ang detalyadong pagtalakay sa resolusyon ng DNS, configuration ng SSL certificate, at mga setting ng routing rule ay gagabay sa iyo upang magamit nang perpekto ang Bandwidth Alliance at makamit ang 100% libreng downlink traffic. I-unlock na ngayon ang advanced at walang problemang gabay sa configuration na ito!

Ilang araw na ang nakalipas, inabala ko ang image hosting, sinusubukan kong ilipat ang lahat ng mga larawan mula sa aking blog papunta sa Backblaze B2, at gamitin ang Cloudflare CDN para mapabilis ang mga ito.

Bilang resulta, ang buong pangyayaring ito ay umabot ng buong hapon.

Kalat-kalat at putol-putol ang mga online tutorial, maraming kulang o maling hakbang, na lubos kong ikinadismaya. Pagkatapos, napagpasyahan kong gawin ang buong proseso mula simula hanggang katapusan upang maiwasan na rin ng iba na gawin ang parehong pagkakamali.

Sa madaling salita: ang solusyon na ito ay tunay na mahusay. Nag-aalok ang Backblaze B2 ng libreng pang-araw-araw na allowance, at kasama ang CDN caching ng Cloudflare, ang bilis ay sapat na mabilis, at ang gastos ay halos zero. Pagkatapos ng isang buwan na pagpapatakbo nito, zero na ang singil (ang paglampas sa libreng allowance ay maaaring nagkakahalaga lamang ng ilang sentimo).

Sige, tama na ang kwentuhan, simulan na natin.

Ang unang hakbang ay ang pagpaparehistro ng Backblaze account at Cloudflare account. Ito ay madali lang; kahit sino ay maaaring gumawa nito.

Gumawa ng balde ng imbakan

Pagkatapos magparehistro, pumunta sa backend ng Backblaze, i-click ang Aking Account, pagkatapos ay ang Mga Bucket, at pagkatapos ay Gumawa ng Bucket.

Maaari mong pangalanan ang bucket ng kahit ano; ang mahalaga ay piliin ang "Public" para sa mga pahintulot sa pag-access. Iwanan ang lahat ng iba pa bilang default.

Pagkatapos gawin ang larawan, maaari kang mag-upload ng larawan upang makita kung maa-access ito. Ang pag-click sa mga detalye ng larawan ay magpapakita ng link, na magiging ganito ang hitsura:

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

Ang domain name na ito ay random na itinalaga ng Backblaze, at sa totoo lang, hindi ito gaanong kaaya-aya sa paningin, at direkta rin nitong inilalantad ang impormasyon ng iyong storage bucket. Kaya, ang susunod na hakbang ay ang lumipat sa Cloudflare.

DNS

Para idagdag ang iyong site sa Cloudflare, kung nabili mo na ang domain sa ibang lugar, piliin ang "Add Site" at palitan ang DNS sa nameserver ng Cloudflare, tulad ng danica.ns.cloudflare.com. Magbibigay ito ng detalyadong mga tagubilin kung paano gawin ang bawat hakbang.

Pagkatapos idagdag ang site, magdagdag ng DNS record.

Piliin ang CNAME bilang uri, ilagay ang gusto mong subdomain bilang pangalan (hal., oss), at ilagay ang domain na nakuha mo lang mula sa Backblaze bilang target (hal., f005.backblazeb2.com). Tandaang paganahin ang orange na cloud icon para sa proxy status; kinakailangan ito para magamit ang CDN ng Cloudflare.

Sa puntong ito, maaari mo nang ma-access ang mga larawan gamit ang sarili mong domain, tulad nito:

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

Mas maganda ang itsura nito kaysa sa orihinal na random na domain name, pero hindi pa rin sapat. Dahil ang URL ay naglalaman pa rin ng string na "/file/bucket-name/", na parehong pangit at naglalantad sa istruktura ng iyong bucket, na nagpaparamdam dito na hindi ligtas.

Isulat muli ang landas ng URL

Pumunta sa Cloudflare backend, i-click ang Rules, pagkatapos ay ang Overview, pagkatapos ay ang URL Rewrite Rules, at gumawa ng bagong rule.

Maaari mong pangalanan ang panuntunan ng kahit ano, piliin ang "Huwag isama" para sa URL ng kahilingan, at pagkatapos ay ilagay ang /file/. Nangangahulugan ito na tanging ang mga kahilingang hindi kasama ang path na /file/ ang ipoproseso.

Gayunpaman, kung gusto mong maging mas tumpak ang mga patakaran, maaari mong direktang itugma ang subdomain na iyon.

Punan ang huling kahon ng:

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

Pagkatapos ay i-deploy.

Pagkatapos nito, ang resulta ng pag-access ay magiging ganito:

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

Ito ay walang bahid-dungis, walang anumang kalabisan dito.

Masarap sa pakiramdam 'yan.

Linisin ang mga hindi kinakailangang header ng tugon

Opsyonal ang hakbang na ito, ngunit inirerekomenda kong gawin mo ito.

Ang mga header ng tugon ng Backblaze ay naglalaman ng maraming impormasyon na nagsisimula sa "x-bz-", tulad ng "x-bz-file-id", "x-bz-file-name", at "x-bz-content-sha1". Inilalantad ng impormasyong ito ang mga detalye ng imbakan ng iyong file, na hindi kailangang ipakita sa mga user.

Ang operasyon ay katulad ng dati. Sa seksyon ng mga panuntunan, piliin ang "Mga Panuntunan sa Pagbabago ng Header ng Tugon" at lumikha ng bagong panuntunan.

I-configure ang pagtanggal ng mga header na ito:

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

Sa tingin ko ay hindi ko pa nakikitang nakalista ang x-bz-info-src_last_modified_millis, pero nabanggit na ito sa opisyal na tutorial, kaya idinagdag ko na rin ito. Gayunpaman, hindi naman ito makakasama.

Pagkatapos ay mayroong isa pang tuntunin na napakahalaga rin.

I-optimize ang kahusayan sa pag-cache. Sa Cloudflare, maaari kang magtakda ng tuntunin sa header ng tugon upang pagdugtungin ang halaga ng ETag sa mga header ng tugon na ibinalik ng Backblaze.

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])

Pagkatapos i-set up ito, bumalik at tingnan ang mga header ng tugon ng imahe. Wala na ang lahat ng mga nagsisimula sa "x-bz", at makakakita ka ng halaga ng ETag.

Malinis at mahusay.

I-configure ang mga panuntunan sa pag-cache

Magdagdag ng page rule sa Cloudflare, ilagay ang domain name na ni-resolve mo kasama ang /* sa URL, piliin ang "Cache All" para sa cache level, at itakda ang edge cache TTL sa isang buwan.

Kailangan din nating i-configure ang Backblaze. Sa mga setting ng bucket, magdagdag ng linya sa impormasyon ng bucket:

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

Maaari mong isaayos ang oras na ito kung kinakailangan; ang yunit ay segundo. Ang 720000 segundo ay humigit-kumulang 8 araw, na dapat ay sapat na.

Ngayon, kapag na-access mo muli ang iyong larawan, makikita mo ang sumusunod sa header ng tugon:

kontrol-sa-cache: max-age=720000
cf-cache-status: HIT

Nakita mo ba ang HIT? Ibig sabihin, gumagana ang cache.

Hindi mo kailangang kumuha ng mga resources mula sa Backblaze sa bawat pagkakataon; direktang ipinapadala ng CDN ang mga ito sa iyo, na mabilis at nakakatipid sa iyo ng libreng quota ng Backblaze.

Napag-usapan na, bagama't nag-aalok ang Backblaze ng libreng pang-araw-araw na allowance, sa totoo lang ay hindi naman ito kalakihan. Ang 10GB na storage at 1GB na download traffic kada araw ay sapat na kung mga larawan lang sa blog ang ina-upload mo, pero kung mga video o malalaking file ang ina-upload mo, inirerekomendang gamitin nang mabuti ang caching ng Cloudflare at iwasan ang direktang koneksyon sa origin server.

Kasabay ng PicGo client

Nasa iyo ang pagpili ng client-side visualization tool; may iba pang mga opsyon tulad ng ipic. Pangunahing nakatuon ang seksyong ito sa PicGo.

Hanapin lang ang PicGo sa GitHub, hanapin ang pahina ng mga release, at i-download ang katumbas na bersyon.

Pagkatapos ng pag-install, kailangan mong mag-install ng S3 plugin dahil ang Backblaze B2 ay tugma sa S3 API.

Pagkatapos ay pumunta sa Backblaze at gumawa ng Application Key. Sa pahina ng App Keys, i-click ang Add Application Key at piliin ang read and write permissions.

Matapos makuha ang Key ID at Application Key, punan ang mga ito sa S3 plugin ng PicGo.

May isang patibong na dapat bantayan dito.

Maraming online tutorial ang gumagamit ng format na s3.us-west-xxx.backblazeb2.com para sa endpoint, ngunit kung gumagamit ka ng custom domain na naka-link sa Cloudflare tulad ko, kailangan mong ilagay ang iyong custom domain. Ilagay ang https://oss.xxx.com para sa node field, at pagkatapos ay ilagay ang pangalan ng bucket na kakagawa mo lang para sa bucket.

I-save ang file pagkatapos mo itong itugma, at pagkatapos ay mag-upload ng pansubok na larawan.

Kung maaari itong i-upload at ma-access sa pamamagitan ng isang custom domain, mabuti iyon.

Tingnan ang paggamit

Kung gusto mong tingnan ang iyong paggamit ng Backblaze B2, makikita mo ito sa pahina ng Aking Account sa backend ng Backblaze. Ang pang-araw-araw na storage, mga download, at bilang ng mga kahilingan sa B2 ay malinaw na nakalista, kaya madali para sa iyo na masubaybayan kung lumampas ka na sa limitasyon.

Sa totoo lang, ang pag-set up ng buong sistemang ito ay hindi naman ganoon kahirap, pero hindi rin naman ito naging madali; may ilang mga problema kaming naranasan. Ang pinakanakakainis na bahagi ay ang mga detalye; ang pagkawala ng kahit isa ay magreresulta sa hindi pag-access, mabagal na paglo-load, o pagkalantad ng impormasyon.

Ang pinakamalaking natutunan ko pagkatapos kong i-set up ito ay ang solusyon na ito ay perpekto para sa mga may-ari ng personal na website o maliliit na blog. Mura ito, mabilis, at kapag na-configure na, wala ka nang kailangang gawin tungkol dito—isang minsanang solusyon habang buhay.

Bukod pa rito, sa pamamagitan ng pagsasama ng Backblaze sa Cloudflare, makikita ng mga bisita ang iyong custom domain, malinis ang mga response header, at mayroong CDN acceleration, na ginagawang kasingganda ng mga bayad na serbisyo sa pagho-host ng imahe ang karanasan.

Sa totoo lang, sa panahong ito kung saan ang lahat ay sinisingil batay sa paggamit, ang paghahanap ng halos libreng plano tulad nito ay talagang maganda.

Panghuli, gusto kong sabihin na kung nahihirapan ka rin sa image hosting, sana ay makatulong ang artikulong ito para hindi ka mapagod at mag-eksperimento.

Dahil nabasa mo na ito hanggang dito, kung nakatulong ito sa iyo, paki-like at share naman. Kung gusto mo munang makatanggap ng mga update, puwede mo rin akong sundan! ⭐

Salamat sa pagbabasa ng aking artikulo. Sa susunod na lang ulit.