Backblaze B2 gekoppeld aan een aangepast Cloudflare-domein (waardoor 100% gratis verkeer wordt behaald)

Wil je ultragoedkope opslag bouwen met Backblaze B2, maar weet je niet hoe je een domeinnaam koppelt? Dit artikel begeleidt je stap voor stap door het hele proces van het integreren van Backblaze met een aangepaste domeinnaam van Cloudflare.

Deze gedetailleerde handleiding voor DNS-resolutie, SSL-certificaatconfiguratie en routeringsregels helpt u optimaal gebruik te maken van de Bandwidth Alliance en 100% gratis downloadverkeer te realiseren. Ontgrendel nu deze geavanceerde, probleemloze configuratiehandleiding!

Een paar dagen geleden was ik aan het experimenteren met beeldhosting. Ik probeerde alle afbeeldingen van mijn blog naar Backblaze B2 te verplaatsen en Cloudflare CDN te gebruiken om de laadsnelheid te verhogen.

Daardoor was dit alles de hele middag in beslag genomen.

De online tutorials waren onsamenhangend en fragmentarisch, met veel ontbrekende of onjuiste stappen, wat me behoorlijk frustreerde. Nadat ik klaar was, besloot ik het hele proces van begin tot eind te doorlopen om te voorkomen dat anderen dezelfde fouten zouden maken.

Kortom: deze oplossing is werkelijk uitstekend. Backblaze B2 biedt een gratis dagelijkse datalimiet en in combinatie met de CDN-caching van Cloudflare is de snelheid ruim voldoende en zijn de kosten vrijwel nihil. Na een maand gebruik zijn de kosten nul (het overschrijden van de gratis limiet kost hoogstens een paar cent).

Goed, genoeg geklets, laten we beginnen.

De eerste stap is het registreren van een Backblaze-account en een Cloudflare-account. Dit is eenvoudig; iedereen kan het.

Maak een opslagbucket aan.

Na registratie ga je naar de Backblaze-backend, klik je op Mijn account, vervolgens op Buckets en daarna op Een bucket aanmaken.

Je kunt de bucket elke gewenste naam geven; het belangrijkste is om 'Openbaar' te selecteren voor de toegangsrechten. Laat alle andere instellingen op de standaardwaarden staan.

Nadat je de afbeelding hebt gemaakt, kun je deze uploaden om te controleren of deze toegankelijk is. Als je op de afbeeldingsdetails klikt, verschijnt er een link die er ongeveer zo uitziet:

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

Deze domeinnaam is willekeurig toegewezen door Backblaze en eerlijk gezegd is hij niet erg aantrekkelijk. Bovendien geeft hij direct toegang tot je opslagbucketgegevens. De volgende stap is dus overstappen naar Cloudflare.

DNS

Om je site aan Cloudflare toe te voegen, selecteer je 'Site toevoegen' als je het domein al elders hebt gekocht en wijzig je de DNS naar de nameserver van Cloudflare, bijvoorbeeld danica.ns.cloudflare.com. Je krijgt dan gedetailleerde instructies voor elke stap.

Nadat je de site hebt toegevoegd, voeg je een DNS-record toe.

Selecteer CNAME als type, voer uw gewenste subdomein in als naam (bijv. oss) en voer het domein dat u zojuist van Backblaze hebt verkregen in als doel (bijv. f005.backblazeb2.com). Vergeet niet het oranje wolkje voor de proxystatus in te schakelen; dit is nodig om Cloudflare's CDN te kunnen gebruiken.

Vanaf dit punt kunt u de afbeeldingen via uw eigen domein openen, bijvoorbeeld zo:

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

Het ziet er veel beter uit dan de oorspronkelijke willekeurige domeinnaam, maar het is nog steeds niet genoeg. De URL bevat namelijk nog steeds de tekenreeks "/file/bucket-name/", wat niet alleen lelijk is, maar ook je bucketstructuur blootlegt, waardoor het onveilig aanvoelt.

URL-pad herschrijven

Ga naar de Cloudflare-backend, klik op Regels, vervolgens op Overzicht, daarna op URL-herschrijfregels en maak een nieuwe regel aan.

Je kunt de regel elke gewenste naam geven, selecteer 'Niet opnemen' voor de aanvraag-URL en vul vervolgens /file/ in. Dit betekent dat alleen aanvragen die het pad /file/ niet bevatten, worden verwerkt.

Als je echter preciezere regels wilt, kun je dat subdomein direct matchen.

Vul het laatste vakje in met:

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

Vervolgens implementeren.

Daarna zal het toegangsresultaat als volgt zijn:

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

Het is brandschoon, zonder overbodige elementen.

Dat voelt goed.

Verwijder overbodige responsheaders.

Deze stap is optioneel, maar ik raad je aan hem uit te voeren.

De responseheaders van Backblaze bevatten een hoop informatie die begint met "x-bz-", zoals "x-bz-file-id", "x-bz-file-name" en "x-bz-content-sha1". Deze informatie geeft details weer over uw bestandsopslag, die niet aan gebruikers hoeven te worden getoond.

De procedure is vergelijkbaar met de vorige keer. Selecteer in het gedeelte 'Regels' de optie 'Regel voor transformatie van antwoordheaders' en maak een nieuwe regel aan.

Configureer het verwijderen van deze headers:

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

Ik denk niet dat ik x-bz-info-src_last_modified_millis al ergens heb zien staan, maar het wordt wel genoemd in de officiële handleiding, dus ik heb het er ook maar bijgezet. Het kan in ieder geval geen kwaad.

Daarnaast is er nog een andere regel die ook erg belangrijk is.

Optimaliseer de cachingefficiëntie. Op Cloudflare kunt u een regel voor de responsheaders instellen om de ETag-waarde te concateneren met de responsheaders die door Backblaze worden geretourneerd.

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

Nadat je dit hebt ingesteld, ga je terug en controleer je de headers van het afbeeldingsantwoord. Alle headers die beginnen met "x-bz" zijn verdwenen en je ziet nu een ETag-waarde.

Schoon en efficiënt.

Cacheregels configureren

Voeg een paginaregel toe in Cloudflare, voer de domeinnaam in die je hebt opgelost plus /* in de URL, selecteer 'Alles cachen' als cacheniveau en stel de TTL van de edge-cache in op één maand.

We moeten Backblaze ook configureren. Voeg in de bucketinstellingen een regel toe aan de bucketinformatie:

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

Je kunt deze tijd naar behoefte aanpassen; de eenheid is seconden. 720000 seconden is ongeveer 8 dagen, wat voldoende zou moeten zijn.

Als je nu opnieuw toegang krijgt tot je afbeelding, zie je het volgende in de responsheader:

cache-control: max-age=720000
cf-cache-status: HIT

Heb je de HIT gezien? Dat betekent dat de cache werkt.

Je hoeft niet elke keer resources van Backblaze op te halen; het CDN levert ze rechtstreeks aan je, wat snel is en je Backblaze-quota bespaart.

Overigens, hoewel Backblaze een dagelijkse gratis datalimiet biedt, is dat eerlijk gezegd niet veel. 10 GB opslagruimte en 1 GB downloadverkeer per dag is meer dan genoeg als je alleen afbeeldingen voor je blog uploadt, maar als je video's of grote bestanden uploadt, is het aan te raden om optimaal gebruik te maken van de caching van Cloudflare en een directe verbinding met de originele server te vermijden.

In samenwerking met de PicGo-client

De keuze voor een client-side visualisatietool is aan u; er zijn andere opties zoals ipic. Deze sectie richt zich voornamelijk op PicGo.

Zoek gewoon naar PicGo op GitHub, ga naar de releasespagina en download de bijbehorende versie.

Na de installatie moet je een S3-plugin installeren, omdat Backblaze B2 compatibel is met de S3 API.

Ga vervolgens naar Backblaze en maak een applicatiesleutel aan. Klik op de pagina 'App-sleutels' op 'Applicatiesleutel toevoegen' en selecteer lees- en schrijfrechten.

Nadat je de sleutel-ID en de applicatiesleutel hebt verkregen, vul je deze in in de S3-plug-in van PicGo.

Hier schuilt een valkuil waar je voor moet oppassen.

Veel online tutorials gebruiken het formaat s3.us-west-xxx.backblazeb2.com voor het eindpunt, maar als je net als ik een aangepast domein gebruikt dat aan Cloudflare is gekoppeld, moet je je eigen domein invoeren. Voer https://oss.xxx.com in bij het knooppuntveld en voer vervolgens de naam van de bucket in die je zojuist hebt aangemaakt.

Sla het bestand op nadat je klaar bent met het matchen en upload vervolgens een testafbeelding.

Als het geüpload en via een eigen domein toegankelijk is, dan is dat prima.

Gebruik bekijken

Als je je Backblaze B2-gebruik wilt controleren, kun je dit zien op de pagina 'Mijn account' in de Backblaze-backend. Het dagelijkse opslaggebruik, het aantal downloads en het aantal B2-aanvragen worden duidelijk weergegeven, zodat je gemakkelijk kunt controleren of je de limiet hebt overschreden.

Het opzetten van dit hele systeem was eigenlijk niet bijzonder moeilijk, maar ook niet makkelijk; we zijn wel een paar valkuilen tegengekomen. Het vervelendste waren de details; zelfs het missen van één detail leidde tot ontoegankelijkheid, trage laadtijden of het lekken van informatie.

Mijn belangrijkste conclusie na de installatie is dat deze oplossing perfect is voor eigenaren van persoonlijke websites of kleine blogs. Het is voordelig, snel en eenmaal geconfigureerd hoef je er in principe niets meer aan te doen – een eenmalige oplossing voor de rest van je leven.

Bovendien zien bezoekers, door Backblaze te combineren met Cloudflare, uw eigen domein, zijn de responseheaders overzichtelijk en profiteert u van CDN-acceleratie, waardoor de ervaring net zo goed is als bij betaalde afbeeldingshostingdiensten.

Eerlijk gezegd is het in dit tijdperk waarin alles wordt afgerekend op basis van verbruik, best wel geweldig om zo'n bijna gratis abonnement te vinden.

Tot slot wil ik nog zeggen dat als u ook problemen ondervindt met het hosten van afbeeldingen, ik hoop dat dit artikel u een middag vol vallen en opstaan ​​kan besparen.

Aangezien je tot hier hebt gelezen, en je het nuttig vond, geef het dan een like en deel het. Wil je als eerste op de hoogte blijven van de laatste updates, volg me dan! ⭐

Bedankt voor het lezen van mijn artikel. Tot de volgende keer.