Backblaze B2 legat de un domeniu personalizat Cloudflare (obținând trafic 100% gratuit)

Vrei să construiești spațiu de stocare la costuri ultra-reduse cu Backblaze B2, dar nu știi cum să asociezi un nume de domeniu? Acest articol te va ghida pas cu pas prin întregul proces de integrare a Backblaze cu un nume de domeniu personalizat de la Cloudflare.

Această descriere detaliată a rezoluției DNS, a configurării certificatului SSL și a setărilor regulilor de rutare vă va ghida să utilizați perfect Bandwidth Alliance și să obțineți trafic downlink 100% gratuit. Deblocați acum acest ghid de configurare avansat și fără probleme!

Acum câteva zile mă chinuiam cu găzduirea de imagini, încercând să mut toate imaginile de pe blogul meu pe Backblaze B2 și să folosesc Cloudflare CDN pentru a le accelera.

Drept urmare, toată treaba asta mi-a ocupat toată după-amiaza.

Tutorialele online erau împrăștiate și neuniforme, cu mulți pași lipsă sau incorecți, ceea ce mă frustra destul de tare. După ce am terminat, am decis să parcurg întregul proces de la început până la sfârșit pentru a-i împiedica pe alții să facă aceleași greșeli.

Pe scurt: această soluție este cu adevărat excelentă. Backblaze B2 oferă o alocație zilnică gratuită, iar combinată cu cache-ul CDN al Cloudflare, viteza este suficient de mare, iar costul este aproape zero. După o lună de funcționare, factura este zero (depășirea alocației gratuite ar putea costa doar câțiva cenți cel mult).

Bine, gata cu vorbăria, hai să începem.

Primul pas este să înregistrezi un cont Backblaze și un cont Cloudflare. Este simplu; oricine poate face asta.

Creați un compartiment de stocare

După înregistrare, accesați backend-ul Backblaze, faceți clic pe Contul meu, apoi pe Buckets și apoi pe Create a Bucket.

Puteți denumi bucket-ul oricând; cheia este să selectați „Public” pentru permisiunile de acces. Lăsați toate celelalte ca implicit.

După crearea imaginii, puteți încărca o imagine pentru a vedea dacă este accesibilă. Dacă faceți clic pe detaliile imaginii, se va afișa un link care va arăta cam așa:

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

Acest nume de domeniu a fost atribuit aleatoriu de Backblaze și, sincer, nu este foarte plăcut din punct de vedere estetic, în plus expune direct informațiile despre spațiul de stocare. Așadar, următorul pas este să treceți la Cloudflare.

DNS

Pentru a adăuga site-ul dvs. în Cloudflare, dacă ați achiziționat deja domeniul în altă parte, selectați „Adăugați site” și schimbați DNS-ul la serverul de nume Cloudflare, cum ar fi danica.ns.cloudflare.com. Acesta va oferi instrucțiuni detaliate despre cum să parcurgeți fiecare pas.

După adăugarea site-ului, adăugați o înregistrare DNS.

Selectați CNAME ca tip, introduceți subdomeniul dorit ca nume (de exemplu, oss) și introduceți domeniul pe care tocmai l-ați obținut de la Backblaze ca țintă (de exemplu, f005.backblazeb2.com). Nu uitați să activați pictograma nor portocaliu pentru starea proxy; acest lucru este necesar pentru a utiliza CDN-ul Cloudflare.

În acest moment, puteți accesa imaginile prin intermediul propriului domeniu, astfel:

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

Arată mult mai bine decât numele de domeniu aleatoriu original, dar tot nu este suficient. Deoarece URL-ul conține în continuare șirul „/file/bucket-name/”, care este atât urât, cât și expune structura bucket-ului, făcându-l să pară nesigur.

Rescrieți calea URL

Accesați backend-ul Cloudflare, faceți clic pe Reguli, apoi pe Prezentare generală, apoi pe Reguli de rescriere URL și creați o regulă nouă.

Puteți denumi regula orice, puteți selecta „Nu include” pentru adresa URL a solicitării, apoi completați /file/. Aceasta înseamnă că vor fi procesate doar solicitările care nu includ calea /file/.

Totuși, dacă doriți ca regulile să fie mai precise, puteți potrivi direct subdomeniul respectiv.

Completați ultima căsuță cu:

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

Apoi implementați.

După aceea, rezultatul accesului va fi următorul:

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

Este impecabil, fără nimic superfluu la el.

Asta mă face să mă simt bine.

Curățați anteturile de răspuns inutile

Acest pas este opțional, dar vă recomand să îl faceți.

Anteturile de răspuns ale Backblaze conțin o serie de informații care încep cu „x-bz-”, cum ar fi „x-bz-file-id”, „x-bz-file-name” și „x-bz-content-sha1”. Aceste informații expun detalii despre stocarea fișierelor dvs., care nu trebuie afișate utilizatorilor.

Operațiunea este similară cu cea de dinainte. În secțiunea de reguli, selectați „Reguli de transformare a antetului de răspuns” și creați o regulă nouă.

Configurați ștergerea acestor anteturi:

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

Nu cred că am văzut x-bz-info-src_last_modified_millis listat încă, dar este menționat în tutorialul oficial, așa că l-am adăugat și eu. În orice caz, nu strică.

Apoi, există o altă regulă care este, de asemenea, foarte importantă.

Optimizează eficiența memorării în cache. Pe Cloudflare, poți seta o regulă pentru antetul de răspuns pentru a concatena valoarea ETag cu anteturile de răspuns returnate de 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])

După configurarea acestui lucru, verificați anteturile de răspuns ale imaginilor. Toate cele care încep cu „x-bz” au dispărut și veți vedea o valoare ETag.

Curat și eficient.

Configurați regulile de cache

Adăugați o regulă de pagină pe Cloudflare, introduceți numele de domeniu pe care l-ați rezolvat plus /* în URL, selectați „Cache All” pentru nivelul de cache și setați TTL-ul cache-ului Edge la o lună.

De asemenea, trebuie să configurăm Backblaze. În setările bucket-ului, adăugați o linie la informațiile despre bucket:

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

Puteți ajusta acest timp după cum este necesar; unitatea de măsură este secunda. 720000 de secunde reprezintă aproximativ 8 zile, ceea ce ar trebui să fie suficient.

Acum, când accesați din nou imaginea, veți vedea următoarele în antetul răspunsului:

control-cache: vârstă-max=720000
cf-cache-status: HIT

Ai văzut HIT-ul? Asta înseamnă că memoria cache funcționează.

Nu trebuie să extragi resurse din Backblaze de fiecare dată; CDN-ul ți le furnizează direct, ceea ce este rapid și te economisește din cota gratuită a Backblaze.

Apropo de asta, deși Backblaze oferă o alocație zilnică gratuită, sincer nu este mult. 10 GB de spațiu de stocare și 1 GB de trafic de descărcare pe zi sunt mai mult decât suficienți dacă încarci doar imagini de blog, dar dacă încarci videoclipuri sau fișiere mari, este recomandat să folosești eficient memoria cache a Cloudflare și să eviți rularea unei conexiuni directe la serverul de origine.

În colaborare cu clientul PicGo

Alegerea instrumentului de vizualizare pe partea de client depinde de dvs.; există și alte opțiuni, cum ar fi ipic. Această secțiune se concentrează în principal pe PicGo.

Caută PicGo pe GitHub, găsește pagina de lansări și descarcă versiunea corespunzătoare.

După instalare, trebuie să instalați un plugin S3 deoarece Backblaze B2 este compatibil cu API-ul S3.

Apoi, accesați Backblaze și creați o Cheie de Aplicație. Pe pagina Chei de Aplicație, faceți clic pe Adăugare Cheie de Aplicație și selectați permisiuni de citire și scriere.

După obținerea ID-ului cheii și a cheii aplicației, completați-le în pluginul S3 al PicGo.

Există o capcană la care trebuie să fii atent aici.

Multe tutoriale online folosesc formatul s3.us-west-xxx.backblazeb2.com pentru endpoint, dar dacă folosești un domeniu personalizat conectat la Cloudflare, la fel ca mine, trebuie să introduci domeniul tău personalizat. Introdu https://oss.xxx.com pentru câmpul nodului, apoi introdu numele bucket-ului pe care tocmai l-ai creat pentru acesta.

Salvați fișierul după ce ați terminat de potrivit, apoi încărcați o imagine de test.

Dacă poate fi încărcat și accesat printr-un domeniu personalizat, atunci este bine.

Vizualizați utilizarea

Dacă vrei să verifici utilizarea Backblaze B2, o poți vedea pe pagina Contul meu din backend-ul Backblaze. Stocarea zilnică, descărcările și numărul de solicitări B2 sunt listate clar, ceea ce îți permite să monitorizezi cu ușurință dacă ai depășit limita.

De fapt, configurarea întregului sistem nu a fost deosebit de dificilă, dar nici ușoară; am întâmpinat câteva capcane. Cea mai enervantă parte au fost detaliile; omiterea chiar și a unuia singur ar fi dus la inaccesibilitate, încărcare lentă sau expunere a informațiilor.

Cea mai importantă concluzie pe care am tras-o după configurarea acestei soluții este că este perfectă pentru proprietarii de site-uri personale sau bloguri mici. Este ieftină, rapidă și, odată configurată, practic nu trebuie să faci nimic în privința ei - o soluție unică, pe viață.

Mai mult, prin integrarea Backblaze cu Cloudflare, vizitatorii văd domeniul dvs. personalizat, anteturile de răspuns sunt curate și există accelerare CDN, ceea ce face ca experiența să fie la fel de bună ca cea a serviciilor de găzduire de imagini plătite.

Sincer, în această eră în care totul se taxează în funcție de utilizare, găsirea unui abonament aproape gratuit ca acesta este destul de grozavă.

În final, aș vrea să spun că, dacă și tu ai probleme cu găzduirea de imagini, sper că acest articol te va scuti de o după-amiază de încercări și erori.

Din moment ce ai citit până aici, dacă ți s-a părut util, te rog să apeși butonul „Like” și să distribui. Dacă vrei să primești noutăți mai întâi, mă poți urmări și pe mine! ⭐

Mulțumesc că ai citit articolul meu. Pe data viitoare.