{"id":23968,"date":"2021-05-09T15:11:00","date_gmt":"2021-05-09T12:11:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23968"},"modified":"2021-10-18T02:20:09","modified_gmt":"2021-10-17T23:20:09","slug":"comment-telecharger-des-images-a-l-aide-de-php-sur-cloudinary-un-service-d-hebergement-d-images-gratuit","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-telecharger-des-images-a-l-aide-de-php-sur-cloudinary-un-service-d-hebergement-d-images-gratuit\/","title":{"rendered":"Comment t\u00e9l\u00e9charger des images \u00e0 l&rsquo;aide de PHP sur Cloudinary &#8211; Un service d&rsquo;h\u00e9bergement d&rsquo;images gratuit"},"content":{"rendered":"<p>CDN n&rsquo;est pas un nouveau mot pour les d\u00e9veloppeurs Web. CDN signifie r\u00e9seau de diffusion de contenu ou r\u00e9seau de distribution de contenu. En h\u00e9bergeant nos CSS, JS et images sur le cloud et en acc\u00e9dant via CDN, r\u00e9duisez la charge sur notre propre serveur, ce qui contribue finalement aux performances du site Web.<\/p>\n<p>Lorsque nous h\u00e9bergeons nos fichiers sur le cloud et y acc\u00e9dons via CDN, ces fichiers sont livr\u00e9s \u00e0 partir de serveurs tiers vers notre serveur. Ce processus permet d&rsquo;\u00e9conomiser un appel suppl\u00e9mentaire pour les fichiers et, par cons\u00e9quent, la charge sur notre propre serveur.<\/p>\n<p><a href=\"https:\/\/cloudinary.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Cloudinary<\/a> est un service d&rsquo;h\u00e9bergement d&rsquo;images qui nous permet de g\u00e9rer nos images et vid\u00e9os. Ils proposent des forfaits gratuits et payants. Le plan gratuit Cloudinary est assez bon. Vous trouverez ci-dessous la capture d&rsquo;\u00e9cran de leur plan gratuit.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20674-6082197e47545.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20674-6082197e47545.png\" alt=\"Comment t\u00e9l\u00e9charger des images \u00e0 l&#039;aide de PHP sur Cloudinary - Un service d&#039;h\u00e9bergement d&#039;images gratuit\" ><\/a><\/p>\n<p>Dans cet article, nous \u00e9tudions comment t\u00e9l\u00e9charger des images sur Cloudinary, afficher des images de Cloudinary en utilisant PHP.<\/p>\n<h3>Obtenir la cl\u00e9 API et le secret API<\/h3>\n<p>Notre application va interagir avec le Cloudinary. Pour communiquer avec le Cloudinary, nous devons cr\u00e9er des cl\u00e9s API. Pour cela, vous devez <a href=\"https:\/\/cloudinary.com\/users\/register\/free\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">cr\u00e9er un compte<\/a> sur Cloudinary et obtenir vos cl\u00e9s API. Dans notre cas, nous avons besoin de 3 \u00e9l\u00e9ments\u00a0: le nom du cloud, la cl\u00e9 API et le secret API. Vous obtiendrez tous ces d\u00e9tails \u00e0 partir du tableau de bord Cloudinary.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20674-6082197e9e7f9.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20674-6082197e9e7f9.png\" alt=\"Comment t\u00e9l\u00e9charger des images \u00e0 l&#039;aide de PHP sur Cloudinary - Un service d&#039;h\u00e9bergement d&#039;images gratuit\" ><\/a><\/p>\n<p>La prochaine chose \u00e0 faire est d&rsquo;installer la <a href=\"https:\/\/github.com\/cloudinary\/cloudinary_php\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">biblioth\u00e8que PHP officielle d&rsquo;un Cloudinary<\/a>. Vous devriez avoir <a href=\"https:\/\/getcomposer.org\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Composer<\/a> install\u00e9 sur votre syst\u00e8me.<\/p>\n<p>Ouvrez le terminal dans le r\u00e9pertoire racine de votre projet et ex\u00e9cutez la commande ci-dessous.<\/p>\n<pre><code>composer require cloudinary\/cloudinary_php<\/code><\/pre>\n<h3>T\u00e9l\u00e9charger une image sur Cloudinary<\/h3>\n<p>Nous avons cr\u00e9\u00e9 un compte sur Cloudinary et obtenons nos identifiants API. Nous avons \u00e9galement install\u00e9 la biblioth\u00e8que PHP. Maintenant, nous sommes pr\u00eats \u00e0 aller de l&rsquo;avant et \u00e0 \u00e9crire un morceau de code qui t\u00e9l\u00e9charge l&rsquo;image sur Cloudinary.<\/p>\n<pre><code>&lt;?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\nCloudinary::config(array( \n\u00a0\u00a0\u00a0\u00a0\"cloud_name\" =&gt; 'YOUR_CLOUD_NAME', \n\u00a0\u00a0\u00a0\u00a0\"api_key\" =&gt; 'YOUR_API_KEY', \n\u00a0\u00a0\u00a0\u00a0\"api_secret\" =&gt; 'YOUR_API_SECRET'\n));\n\u00a0\n$arr_result = CloudinaryUploader::upload(__DIR__. \"\/images\/sample.png\");\nprint_r($arr_result);\n?&gt;<\/code><\/pre>\n<p>Dans le code ci-dessus, vous devez remplacer les espaces r\u00e9serv\u00e9s par les valeurs r\u00e9elles. Vous devez \u00e9galement d\u00e9finir un chemin pour votre image. Dans notre cas, nous l&rsquo;avons mis \u00e0 <code>__DIR__. \"\/images\/sample.png\"<\/code>.<\/p>\n<p>Lorsque nous imprimons la r\u00e9ponse, nous obtenons la sortie comme ci-dessous.<\/p>\n<pre><code>Array ([public_id] =&gt; sample\n    [version] =&gt; 1312461204\n    [width] =&gt; 864\n    [height] =&gt; 576\n    [format] =&gt; jpg\n    [bytes] =&gt; 120253\n    [url] =&gt; https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1371281596\/sample.jpg\n    [secure_url] =&gt; https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1371281596\/sample.jpg\n)<\/code><\/pre>\n<p>Ici, vous devez stocker public_id ou secure_url (ou URL) dans votre base de donn\u00e9es. En stockant secure_url, vous pouvez directement passer cette URL \u00e0 la balise HTML img et afficher l&rsquo;image. Dans le cas de public_id, pour afficher l&rsquo;image, vous devez \u00e9crire le code comme ci-dessous.<\/p>\n<pre><code>&lt;?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE');\n?&gt;<\/code><\/pre>\n<p>De plus, vous pouvez d\u00e9finir la largeur, la hauteur et l&rsquo;attribut alt en utilisant la m\u00eame m\u00e9thode.<\/p>\n<pre><code>&lt;?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE', ['alt' =&gt; 'test', 'width' =&gt; 100, 'height' =&gt; 150]);\n?&gt;<\/code><\/pre>\n<p>Vous pouvez \u00e9galement lire la documentation officielle de l&rsquo; <a href=\"https:\/\/cloudinary.com\/documentation\/php_integration\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">int\u00e9gration PHP de<\/a> Cloudinary .<\/p>\n<p>Nous esp\u00e9rons que vous comprendrez comment travailler avec les API Clodinary. Nous vous recommandons d&rsquo;utiliser ce service d&rsquo;h\u00e9bergement d&rsquo;images qui vous aide \u00e0 am\u00e9liorer les performances du site.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cloudinary est un service d&rsquo;h\u00e9bergement d&rsquo;images gratuit o\u00f9 nous pouvons stocker nos images et vid\u00e9os d&rsquo;application. Dans ce tutoriel, nous \u00e9tudions comment t\u00e9l\u00e9charger des images sur<\/p>\n","protected":false},"author":1,"featured_media":22048,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[273],"tags":[844],"class_list":["post-23968","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-4","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=23968"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/23968\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/22048"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=23968"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=23968"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=23968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}