Come caricare immagini utilizzando PHP su Cloudinary: un servizio di hosting di immagini gratuito

Last updated Ott 18, 2021

Contenuto

CDN non è una parola nuova per gli sviluppatori web. CDN significa rete di distribuzione dei contenuti o rete di distribuzione dei contenuti. Ospitando i nostri CSS, JS e immagini su cloud e l’accesso tramite CDN, riduci il carico sul nostro server che in definitiva aiuta nelle prestazioni del sito web.

Quando ospitiamo i nostri file sul cloud e vi accediamo tramite CDN, questi file vengono consegnati da server di terze parti al nostro server. Questo processo salva una chiamata extra per i file e di conseguenza il caricamento sul nostro server.

Cloudinary è un servizio di hosting di immagini che ci consente di gestire le nostre immagini e i nostri video. Forniscono piani sia gratuiti che a pagamento. Il piano gratuito di Cloudinary è abbastanza buono. Di seguito è riportato lo screenshot del loro piano gratuito.

In questo articolo studiamo come caricare immagini su Cloudinary, visualizzare immagini da Cloudinary utilizzando PHP.

Ottieni chiave API e segreto API

La nostra applicazione interagirà con Cloudinary. Per comunicare con Cloudinary dobbiamo creare chiavi API. Per questo, devi creare un account su Cloudinary e ottenere le tue chiavi API. Nel nostro caso, abbiamo bisogno di 3 cose: nome cloud, chiave API e segreto API. Riceverai tutti questi dettagli dalla dashboard di Cloudinary.

La prossima cosa da fare è installare la libreria PHP ufficiale di un Cloudinary. Dovresti avere Composer installato sul tuo sistema.

Apri il terminale nella directory principale del tuo progetto ed esegui il comando seguente.

composer require cloudinary/cloudinary_php

Carica immagine su Cloudinary

Abbiamo creato un account su Cloudinary e ottenuto le nostre credenziali API. Abbiamo anche installato la libreria PHP. Ora siamo pronti per andare avanti e scrivere un pezzo di codice che carichi l’immagine su 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);
?>

Nel codice sopra, è necessario sostituire i segnaposto con i valori effettivi. Dovresti anche impostare un percorso per la tua immagine. Nel nostro caso, lo impostiamo su __DIR__. "/images/sample.png".

Quando stampiamo la risposta, otteniamo l’output come di seguito.

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
)

Qui, devi memorizzare public_id o secure_url (o URL) nel tuo database. Memorizzando secure_url puoi passare direttamente questo URL al tag HTML img e visualizzare l’immagine. In caso di public_id, per visualizzare l’immagine è necessario scrivere il codice come di seguito.

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

Inoltre, puoi impostare la larghezza, l’altezza, l’attributo alt usando lo stesso metodo.

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

Potresti anche leggere la documentazione ufficiale di integrazione PHP di Cloudinary .

Ci auguriamo che tu capisca come lavorare con le API Clodinary. Ti consigliamo di utilizzare questo servizio di hosting di immagini che ti aiuta a migliorare le prestazioni del sito.

Fonte di registrazione: artisansweb.net