Comment télécharger des images à l’aide de PHP sur Cloudinary – Un service d’hébergement d’images gratuit

CDN n’est pas un nouveau mot pour les développeurs Web. CDN signifie réseau de diffusion de contenu ou réseau de distribution de contenu. En hébergeant nos CSS, JS et images sur le cloud et en accédant via CDN, réduisez la charge sur notre propre serveur, ce qui contribue finalement aux performances du site Web.

Lorsque nous hébergeons nos fichiers sur le cloud et y accédons via CDN, ces fichiers sont livrés à partir de serveurs tiers vers notre serveur. Ce processus permet d’économiser un appel supplémentaire pour les fichiers et, par conséquent, la charge sur notre propre serveur.

Cloudinary est un service d’hébergement d’images qui nous permet de gérer nos images et vidéos. Ils proposent des forfaits gratuits et payants. Le plan gratuit Cloudinary est assez bon. Vous trouverez ci-dessous la capture d’écran de leur plan gratuit.

Dans cet article, nous étudions comment télécharger des images sur Cloudinary, afficher des images de Cloudinary en utilisant PHP.

Obtenir la clé API et le secret API

Notre application va interagir avec le Cloudinary. Pour communiquer avec le Cloudinary, nous devons créer des clés API. Pour cela, vous devez créer un compte sur Cloudinary et obtenir vos clés API. Dans notre cas, nous avons besoin de 3 éléments : le nom du cloud, la clé API et le secret API. Vous obtiendrez tous ces détails à partir du tableau de bord Cloudinary.

La prochaine chose à faire est d’installer la bibliothèque PHP officielle d’un Cloudinary. Vous devriez avoir Composer installé sur votre système.

Ouvrez le terminal dans le répertoire racine de votre projet et exécutez la commande ci-dessous.

composer require cloudinary/cloudinary_php

Télécharger une image sur Cloudinary

Nous avons créé un compte sur Cloudinary et obtenons nos identifiants API. Nous avons également installé la bibliothèque PHP. Maintenant, nous sommes prêts à aller de l’avant et à écrire un morceau de code qui télécharge l’image sur 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);
?>

Dans le code ci-dessus, vous devez remplacer les espaces réservés par les valeurs réelles. Vous devez également définir un chemin pour votre image. Dans notre cas, nous l’avons mis à __DIR__. "/images/sample.png".

Lorsque nous imprimons la réponse, nous obtenons la sortie comme ci-dessous.

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
)

Ici, vous devez stocker public_id ou secure_url (ou URL) dans votre base de données. En stockant secure_url, vous pouvez directement passer cette URL à la balise HTML img et afficher l’image. Dans le cas de public_id, pour afficher l’image, vous devez écrire le code comme ci-dessous.

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

De plus, vous pouvez définir la largeur, la hauteur et l’attribut alt en utilisant la même méthode.

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

Vous pouvez également lire la documentation officielle de l’ intégration PHP de Cloudinary .

Nous espérons que vous comprendrez comment travailler avec les API Clodinary. Nous vous recommandons d’utiliser ce service d’hébergement d’images qui vous aide à améliorer les performances du site.