{"id":27190,"date":"2021-05-09T15:07:00","date_gmt":"2021-05-09T12:07:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27190"},"modified":"2021-10-18T04:15:52","modified_gmt":"2021-10-18T01:15:52","slug":"como-fazer-upload-de-imagens-usando-php-no-cloudinary-um-servico-gratuito-de-hospedagem-de-imagens","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-fazer-upload-de-imagens-usando-php-no-cloudinary-um-servico-gratuito-de-hospedagem-de-imagens\/","title":{"rendered":"Como fazer upload de imagens usando PHP no Cloudinary – um servi\u00e7o gratuito de hospedagem de imagens"},"content":{"rendered":"

CDN n\u00e3o \u00e9 uma palavra nova para desenvolvedores da web. CDN significa rede de distribui\u00e7\u00e3o de conte\u00fado ou rede de distribui\u00e7\u00e3o de conte\u00fado. Ao hospedar nosso CSS, JS e imagens na nuvem e o acesso via CDN reduzem a carga em nosso pr\u00f3prio servidor, o que em \u00faltima an\u00e1lise ajuda no desempenho do site.<\/p>\n

Quando hospedamos nossos arquivos na nuvem e os acessamos por meio do CDN, esses arquivos s\u00e3o entregues de servidores de terceiros ao nosso servidor. Este processo salva uma chamada extra para arquivos e, como resultado, carrega em nosso pr\u00f3prio servidor.<\/p>\n

Cloudinary<\/a> \u00e9 um servi\u00e7o de hospedagem de imagens que nos permite gerenciar nossas imagens e v\u00eddeos. Eles oferecem planos gratuitos e pagos. O plano gratuito Cloudinary \u00e9 muito bom. Abaixo est\u00e1 a imagem de seu plano gratuito.<\/p>\n

\"Como<\/a><\/p>\n

Neste artigo, estudamos como fazer upload de imagens no Cloudinary, exibir imagens do Cloudinary usando PHP.<\/p>\n

Obtenha a chave e o segredo da API<\/h3>\n

Nosso aplicativo vai interagir com o Cloudinary. Para nos comunicarmos com o Cloudinary, precisamos criar chaves de API. Para isso, voc\u00ea precisa criar uma conta<\/a> no Cloudinary e obter suas chaves de API. Em nosso caso, exigimos 3 coisas – nome da nuvem, chave de API e segredo de API. Voc\u00ea obter\u00e1 todos esses detalhes no painel Cloudinary.<\/p>\n

<\/a><\/p>\n

A pr\u00f3xima coisa que voc\u00ea precisa fazer \u00e9 instalar a biblioteca PHP oficial de um Cloudinary<\/a>. Voc\u00ea deve ter o Composer<\/a> instalado em seu sistema.<\/p>\n

Abra o terminal no diret\u00f3rio raiz do seu projeto e execute o comando abaixo.<\/p>\n

composer require cloudinary\/cloudinary_php<\/code><\/pre>\n
Carregar imagem no Cloudinary<\/h3>\n
Criamos uma conta no Cloudinary e obtemos nossas credenciais de API. Tamb\u00e9m instalamos a biblioteca PHP. Agora, estamos prontos para prosseguir e escrever um c\u00f3digo que carregue a imagem no Cloudinary.<\/p>\n
<?php\nrequire_once \"vendor\/autoload.php\";\n\u00a0\nCloudinary::config(array( \n\u00a0\u00a0\u00a0\u00a0\"cloud_name\" => 'YOUR_CLOUD_NAME', \n\u00a0\u00a0\u00a0\u00a0\"api_key\" => 'YOUR_API_KEY', \n\u00a0\u00a0\u00a0\u00a0\"api_secret\" => 'YOUR_API_SECRET'\n));\n\u00a0\n$arr_result = CloudinaryUploader::upload(__DIR__. \"\/images\/sample.png\");\nprint_r($arr_result);\n?><\/code><\/pre>\n
No c\u00f3digo acima, voc\u00ea precisa substituir os espa\u00e7os reservados pelos valores reais. Voc\u00ea tamb\u00e9m deve definir um caminho para sua imagem. Em nosso caso, n\u00f3s o definimos como __DIR__. \"\/images\/sample.png\"<\/code>.<\/p>\n
Quando imprimimos a resposta, obtemos a sa\u00edda como abaixo.<\/p>\n
Array ([public_id] => sample\n    [version] => 1312461204\n    [width] => 864\n    [height] => 576\n    [format] => jpg\n    [bytes] => 120253\n    [url] => https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1371281596\/sample.jpg\n    [secure_url] => https:\/\/res.cloudinary.com\/demo\/image\/upload\/v1371281596\/sample.jpg\n)<\/code><\/pre>\n
Aqui, voc\u00ea precisa armazenar public_id ou secure_url (ou URL) em seu banco de dados. Ao armazenar secure_url, voc\u00ea pode passar diretamente este URL para a tag HTML img e exibir a imagem. No caso de public_id, para exibir a imagem voc\u00ea precisa escrever o c\u00f3digo abaixo.<\/p>\n
<?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE');\n?><\/code><\/pre>\n
Al\u00e9m disso, voc\u00ea pode definir largura, altura e atributo alt usando o mesmo m\u00e9todo.<\/p>\n
<?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE', ['alt' => 'test', 'width' => 100, 'height' => 150]);\n?><\/code><\/pre>\n
Voc\u00ea tamb\u00e9m pode gostar de ler a documenta\u00e7\u00e3o oficial de integra\u00e7\u00e3o de PHP da<\/a> Cloudinary .<\/p>\n
Esperamos que voc\u00ea entenda como trabalhar com as APIs Clodinary. Recomendamos usar este servi\u00e7o de hospedagem de imagens que o ajudar\u00e1 a melhorar o desempenho do site.<\/p>\n
Fonte de grava\u00e7\u00e3o:  artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Cloudinary \u00e9 um servi\u00e7o gratuito de hospedagem de imagens onde podemos armazenar nossas imagens e v\u00eddeos de aplicativos. Neste tutorial, estudamos como fazer upload de imagens em<\/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":[278],"tags":[848],"class_list":["post-27190","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-9","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/27190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=27190"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/27190\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/22048"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=27190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=27190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=27190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}