Як завантажувати зображення за допомогою PHP на Cloudinary – безкоштовний сервіс хостингу зображень

Останнє оновлення Жов 17, 2021

Зміст

CDN – це не нове слово для веб-розробників. CDN означає мережу доставки вмісту або мережу розповсюдження вмісту. Розміщуючи наші CSS, JS та зображення в хмарі та доступ через CDN, зменшуємо навантаження на наш власний сервер, що в кінцевому рахунку допомагає в роботі веб-сайту.

Коли ми розміщуємо свої файли в хмарі та отримуємо до них доступ через CDN, ці файли доставляються зі сторонніх серверів на наш сервер. Цей процес економить додатковий виклик для файлів і, як результат, завантаження на наш власний сервер.

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

У цій статті ми вивчаємо, як завантажувати зображення на Cloudinary, відображати зображення з Cloudinary за допомогою PHP.

Отримайте ключ API та секрет API

Наш додаток буде взаємодіяти з Cloudinary. Для спілкування з Cloudinary нам потрібно створити ключі API. Для цього вам потрібно створити обліковий запис на Cloudinary і отримати ключі API. У нашому випадку нам потрібні 3 речі – ім’я хмари, ключ API та секрет API. Ви отримаєте всі ці деталі з інформаційної панелі Cloudinary.

Наступне, що потрібно зробити, це встановити офіційну PHP-бібліотеку Cloudinary. У вашій системі має бути встановлений Composer.

Відкрийте термінал у кореневому каталозі проекту та запустіть наведену нижче команду.

composer require cloudinary/cloudinary_php

Завантажте зображення на Cloudinary

Ми створили обліковий запис у Cloudinary і отримуємо наші облікові дані API. Ми також встановили бібліотеку PHP. Тепер ми готові продовжити і написати фрагмент коду, який завантажує зображення на Cloudinary.

<?php
require_once "vendor/autoload.php";
 
Cloudinary::config(array( 
    "cloud_name" => 'YOUR_CLOUD_NAME', 
    "api_key" => 'YOUR_API_KEY', 
    "api_secret" => 'YOUR_API_SECRET'
));
 
$arr_result = CloudinaryUploader::upload(__DIR__. "/images/sample.png");
print_r($arr_result);
?>

У наведеному вище коді вам потрібно замінити заповнювачі фактичними значеннями. Вам також слід встановити шлях для вашого зображення. У нашому випадку ми встановлюємо це __DIR__. "/images/sample.png".

Коли ми друкуємо відповідь, ми отримуємо результат, як показано нижче.

Array ([public_id] => sample
    [version] => 1312461204
    [width] => 864
    [height] => 576
    [format] => jpg
    [bytes] => 120253
    [url] => https://res.cloudinary.com/demo/image/upload/v1371281596/sample.jpg
    [secure_url] => https://res.cloudinary.com/demo/image/upload/v1371281596/sample.jpg
)

Тут вам потрібно зберегти public_id або secure_url (або URL) у своїй базі даних. Зберігаючи secure_url, ви можете безпосередньо передати цю URL-адресу в тег img HTML і відобразити зображення. У разі public_id для відображення зображення потрібно написати код, як показано нижче.

<?php
echo cl_image_tag('PASTE_PUBLID_ID_HERE');
?>

Крім того, ви можете встановити атрибут width, height, alt, використовуючи той самий метод.

<?php
echo cl_image_tag('PASTE_PUBLID_ID_HERE', ['alt' => 'test', 'width' => 100, 'height' => 150]);
?>

Ви також можете прочитати офіційну документацію щодо інтеграції PHP у Cloudinary .

Ми сподіваємось, ви розумієте, як працювати з Clodinary API. Ми рекомендуємо використовувати цей сервіс хостингу зображень, який допоможе вам поліпшити роботу сайту.

Джерело запису: artisansweb.net