Diagramme d'architecture CDN et hébergement d'images
Photo de profil de Ze
137notes
  • May 20, 2024
  • 5 min read

Partage de mon hébergement d'images et CDN actuel

  • Backblaze B2/Cloudflare R2 : Stockage de fichiers
  • PicGo : Upload de fichiers + compression de fichiers

B2 offre 10 Go de stockage gratuit, le trafic entre les membres de l’alliance CDN est gratuit, et l’accès via Cloudflare Workers est généralement suffisant.

1. Inscription à Backblaze

  • Créez un bucket, le mode public nécessite 1$, choisissez private
  • Créez une application key

2. Configuration de Cloudflare Workers pour accéder à Backblaze B2

Tutoriel officiel : https://www.backblaze.com/docs/cloud-storage-deliver-private-backblaze-b2-content-through-cloudflare-cdn

Installez d’abord wrangler : npm install -g wrangler Trois méthodes pour initialiser le projet :

  • Clone template : wrangler generate my-proxy https://github.com/backblaze-b2-samples/cloudflare-b2 - un message indique que cette méthode n’est plus recommandée
  • Nouvelle méthode : npm create cloudflare@latest — b2-proxy-worker, il vous demandera d’entrer l’URL git, résultat : erreur no wrangler.toml
  • Le plus pratique est probablement : git clone directement, puis modifier cp wrangler.toml

Ensuite exécutez :

npm install wrangler deploy Le worker est maintenant déployé avec succès

3. Configuration du domaine personnalisé pour le worker

Méthode 1 : Ajoutez directement dans le tableau de bord Cloudflare, dans les paramètres du worker

Méthode 2 : Modifiez wrangler.yaml localement puis déployez Note : le domaine ne doit pas être placé dans [vars], sinon ça ne fonctionne pas, j’ai perdu beaucoup de temps là-dessus

4. Configuration des secrets au lieu de les écrire en clair dans le fichier

B2_APPLICATION_KEY_ID = “xxx” B2_APPLICATION_KEY=“xxx” B2_ENDPOINT = “xxx” BUCKET_NAME = “xxx” ALLOW_LIST_BUCKET = false wrangler secret put B2_APPLICATION_KEY_ID wrangler secret put B2_APPLICATION_KEY wrangler secret put B2_ENDPOINT wrangler secret put BUCKET_NAME wrangler secret put ALLOW_LIST_BUCKET

5. Configuration du cache

Backblaze n’a pas de cache configuré par défaut, donc chaque fois Cloudflare Workers va chercher les données sur le serveur source Backblaze.

Allez dans le backend Backblaze et ouvrez les paramètres du bucket Configurez Bucket Info sur {“cache-control”:“max-age=720000”}, soit une mise à jour toutes les 72000s Note : Les modifications du fichier source ne seront pas mises à jour immédiatement, configurez selon vos besoins

Notes rapides du processus

Technique CDN Hébergement d'images Partage d'outils

Related posts

Image du Mac mini M4

Mac mini M4 comme machine de développement distante

Comparé aux prix subventionnés actuels, j'ai acheté trop tôt et j'ai perdu gros

Mar 15, 2025 8 min read
Capture d'écran de configuration Cloudflare Tunnels

Tunneling super pratique vers la maison avec Cloudflare Tunnels

Utilisation de Cloudflare Tunnels avec Tailscale

Apr 1, 2025 10 min read