Backblaze B2 прив'язаний до користувацького домену Cloudflare (досягнення 100% безкоштовного трафіку)

Хочете створити наддешеве сховище за допомогою Backblaze B2, але не знаєте, як прив’язати доменне ім’я? Ця стаття крок за кроком проведе вас через увесь процес інтеграції Backblaze з власним доменним ім’ям від Cloudflare.

Цей детальний розбір роздільної здатності DNS, конфігурації SSL-сертифіката та налаштувань правил маршрутизації допоможе вам ідеально використовувати Bandwidth Alliance та досягти 100% безкоштовного трафіку низхідного каналу. Розблокуйте цей розширений посібник з налаштування без проблем зараз!

Кілька днів тому я возився з хостингом зображень, намагаючись перенести всі зображення з мого блогу на Backblaze B2 та використовувати Cloudflare CDN для їх пришвидшення.

В результаті, все це зайняло цілий день після обіду.

Онлайн-уроки були розрізненими та незв'язними, з багатьма відсутніми або неправильними кроками, що мене досить дратувало. Після завершення я вирішив пройти весь процес від початку до кінця, щоб запобігти повторенню тих самих помилок іншими.

Коротко кажучи: це рішення справді чудове. Backblaze B2 пропонує безкоштовний щоденний ліміт, а в поєднанні з кешуванням CDN від Cloudflare швидкість достатньо висока, а вартість майже нульова. Після місяця використання рахунок дорівнює нулю (перевищення безкоштовного ліміту може коштувати щонайбільше кілька центів).

Гаразд, досить балаканини, почнемо.

Перший крок – зареєструвати облікові записи Backblaze та Cloudflare. Це просто; кожен може це зробити.

Створіть відро для зберігання

Після реєстрації перейдіть до бекенду Backblaze, натисніть «Мій обліковий запис», потім «Відра», а потім «Створити відро».

Ви можете назвати відро як завгодно; головне — вибрати «Публічний» для дозволів доступу. Залиште все інше за замовчуванням.

Після створення зображення ви можете завантажити його, щоб перевірити, чи доступне воно. Натискання на деталі зображення покаже посилання, яке виглядатиме приблизно так:

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

Це доменне ім'я було випадково призначено Backblaze, і, чесно кажучи, воно не дуже естетично привабливе, до того ж воно безпосередньо розкриває інформацію про ваше сховище. Отже, наступним кроком буде перехід на Cloudflare.

DNS

Щоб додати свій сайт у Cloudflare, якщо ви вже придбали домен деінде, виберіть «Додати сайт» та змініть DNS на сервер імен Cloudflare, наприклад danica.ns.cloudflare.com. Він надасть детальні інструкції щодо виконання кожного кроку.

Після додавання сайту додайте DNS-запис.

Виберіть CNAME як тип, введіть потрібний піддомен як ім’я (наприклад, oss) та введіть домен, який ви щойно отримали від Backblaze, як ціль (наприклад, f005.backblazeb2.com). Не забудьте ввімкнути помаранчевий значок хмари для статусу проксі-сервера; це необхідно для використання CDN Cloudflare.

На цьому етапі ви можете отримати доступ до зображень через свій власний домен, ось так:

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

Це виглядає набагато краще, ніж оригінальне випадкове доменне ім'я, але цього все одно недостатньо. Тому що URL-адреса все ще містить рядок "/file/bucket-name/", що є одночасно негарним і оголює структуру вашого корзини, створюючи враження небезпечного домену.

Переписати URL-шлях

Перейдіть до серверної частини Cloudflare, натисніть «Правила», потім «Огляд», потім «Правила перезапису URL-адрес» і створіть нове правило.

Ви можете назвати правило як завгодно, вибрати "Не включати" для URL-адреси запиту, а потім заповнити /файл/. Це означає, що будуть оброблені лише запити, які не містять шляху /файл/.

Однак, якщо ви хочете, щоб правила були точнішими, ви можете безпосередньо зіставити цей піддомен.

Заповніть останнє поле такими словами:

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

Потім розгорніть.

Після цього результат доступу буде наступним:

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

Він бездоганний, без нічого зайвого.

Це приємно.

Очищення непотрібних заголовків відповідей

Цей крок необов'язковий, але я рекомендую вам його виконати.

Заголовки відповідей Backblaze містять купу інформації, що починається з "x-bz-", таку як "x-bz-file-id", "x-bz-file-name" та "x-bz-content-sha1". Ця інформація надає деталі вашого сховища файлів, які не потрібно показувати користувачам.

Операція аналогічна попередній. У розділі правил виберіть «Правила перетворення заголовка відповіді» та створіть нове правило.

Налаштуйте видалення цих заголовків:

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 у списку, але він згадується в офіційному посібнику, тому я також його додав. У будь-якому разі, він не завадить.

Потім є ще одне правило, яке також дуже важливе.

Оптимізуйте ефективність кешування. На Cloudflare ви можете встановити правило заголовка відповіді, щоб об'єднати значення ETag із заголовками відповіді, що повертаються 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])

Після налаштування поверніться та перевірте заголовки відповідей зображення. Усі, що починаються з "x-bz", зникли, і ви побачите значення ETag.

Чисто та ефективно.

Налаштування правил кешування

Додайте правило сторінки на Cloudflare, введіть доменне ім'я, яке ви визначили, плюс /* в URL-адресі, виберіть рівень кешу «Кешувати все» та встановіть TTL кешу на периферії на один місяць.

Нам також потрібно налаштувати Backblaze. У налаштуваннях корзини додайте рядок до інформації про корзину:

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

Ви можете налаштувати цей час за потреби; одиницею вимірювання є секунди. 720 000 секунд – це приблизно 8 днів, чого має бути достатньо.

Тепер, коли ви знову отримаєте доступ до свого зображення, ви побачите наступне в заголовку відповіді:

контроль кешу: максимальний вік=720000
cf-cache-status: ЗБІЛЬШЕНО

Ви бачили HIT? Це означає, що кеш працює.

Вам не потрібно щоразу отримувати ресурси з Backblaze; CDN передає їх безпосередньо вам, що швидко та економить вам безкоштовну квоту Backblaze.

До речі, хоча Backblaze пропонує щоденний безкоштовний обсяг, чесно кажучи, це небагато. 10 ГБ сховища та 1 ГБ трафіку завантаження на день більш ніж достатньо, якщо ви просто завантажуєте зображення для блогу, але якщо ви завантажуєте відео або великі файли, рекомендується ефективно використовувати кешування Cloudflare та уникати прямого підключення до вихідного сервера.

У поєднанні з клієнтом PicGo

Вибір інструменту візуалізації на стороні клієнта залежить від вас; є й інші варіанти, такі як ipic. Цей розділ в основному зосереджений на PicGo.

Просто знайдіть PicGo на GitHub, знайдіть сторінку релізів та завантажте відповідну версію.

Після встановлення вам потрібно встановити плагін S3, оскільки Backblaze B2 сумісний з API S3.

Потім перейдіть до Backblaze та створіть ключ програми. На сторінці «Ключі програми» натисніть «Додати ключ програми» та виберіть дозволи на читання та запис.

Після отримання ідентифікатора ключа та ключа програми, заповніть їх у плагіні S3 PicGo.

Тут є пастка, на яку слід звернути увагу.

У багатьох онлайн-навчальних посібниках для кінцевої точки використовується формат s3.us-west-xxx.backblazeb2.com, але якщо ви, як і я, використовуєте власний домен, пов’язаний із Cloudflare, вам потрібно ввести свій власний домен. Введіть https://oss.xxx.com для поля вузла, а потім введіть ім’я корзини, яке ви щойно створили для корзини.

Збережіть файл після завершення зіставлення, а потім завантажте тестове зображення.

Якщо його можна завантажити та отримати до нього доступ через користувацький домен, то це добре.

Переглянути використання

Якщо ви хочете перевірити використання Backblaze B2, ви можете побачити це на сторінці «Мій обліковий запис» у бекенді Backblaze. Щоденна кількість сховища, завантажень та запитів B2 чітко перелічена, що дозволяє легко контролювати, чи перевищили ви ліміт.

Власне, налаштування всієї цієї системи не було особливо складним, але й нелегким; ми зіткнулися з кількома підводними каменями. Найбільше дратували деталі; відсутність навіть однієї з них призводила до недоступності, повільного завантаження або розкриття інформації.

Найбільший висновок після налаштування полягає в тому, що це рішення ідеально підходить для власників особистих веб-сайтів або невеликих блогів. Воно недороге, швидке, і після налаштування вам практично нічого не потрібно робити — це одноразове рішення на все життя.

Більше того, завдяки об’єднанню Backblaze з Cloudflare відвідувачі бачать ваш користувацький домен, заголовки відповідей чисті, а також є прискорення CDN, що робить досвід таким же хорошим, як і з платними сервісами хостингу зображень.

Чесно кажучи, в нашу епоху, коли все оплачується залежно від використання, знайти майже безкоштовний план, як цей, – це досить чудово.

Насамкінець, я хотів би сказати, що якщо у вас також виникають труднощі з хостингом зображень, я сподіваюся, що ця стаття зможе заощадити вам день спроб і помилок.

Оскільки ви дочитали до цього місця, якщо це було корисно, будь ласка, поставте лайк та поділіться цим. Якщо ви хочете отримувати оновлення першими, ви також можете підписатися на мене! ⭐

Дякую, що прочитали мою статтю. До зустрічі наступного разу.