{"id":27459,"date":"2021-05-09T14:53:00","date_gmt":"2021-05-09T11:53:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=27459"},"modified":"2021-10-18T03:48:43","modified_gmt":"2021-10-18T00:48:43","slug":"jak-przesylac-obrazy-za-pomoca-php-w-chmurze-bezplatna-usluga-hostingu-obrazow","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-przesylac-obrazy-za-pomoca-php-w-chmurze-bezplatna-usluga-hostingu-obrazow\/","title":{"rendered":"Jak przesy\u0142a\u0107 obrazy za pomoc\u0105 PHP w chmurze \u2014 bezp\u0142atna us\u0142uga hostingu obraz\u00f3w"},"content":{"rendered":"

CDN nie jest nowym s\u0142owem dla tw\u00f3rc\u00f3w stron internetowych. CDN oznacza sie\u0107 dostarczania tre\u015bci lub sie\u0107 dystrybucji tre\u015bci. Hosting naszego CSS, JS i obraz\u00f3w w chmurze oraz dost\u0119p przez CDN zmniejsza obci\u0105\u017cenie naszego w\u0142asnego serwera, co ostatecznie pomaga w wydajno\u015bci witryny.<\/p>\n

Kiedy przechowujemy nasze pliki w chmurze i uzyskujemy do nich dost\u0119p przez CDN, pliki te s\u0105 dostarczane z serwer\u00f3w stron trzecich na nasz serwer. Dzi\u0119ki temu procesowi oszcz\u0119dzamy dodatkowe wywo\u0142anie plik\u00f3w i w efekcie obci\u0105\u017cenie na nasz w\u0142asny serwer.<\/p>\n

Cloudinary<\/a> to us\u0142uga hostingu obraz\u00f3w, kt\u00f3ra pozwala nam zarz\u0105dza\u0107 naszymi obrazami i filmami. Zapewniaj\u0105 zar\u00f3wno darmowe, jak i p\u0142atne plany. Darmowy plan Cloudinary jest ca\u0142kiem dobry. Poni\u017cej znajduje si\u0119 zrzut ekranu ich bezp\u0142atnego planu.<\/p>\n

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

W tym artykule uczymy si\u0119, jak przesy\u0142a\u0107 obrazy do Cloudinary, wy\u015bwietla\u0107 obrazy z Cloudinary za pomoc\u0105 PHP.<\/p>\n

Uzyskaj klucz API i tajny klucz API<\/h3>\n

Nasza aplikacja b\u0119dzie wsp\u00f3\u0142pracowa\u0107 z Cloudinary. Aby komunikowa\u0107 si\u0119 z Cloudinary, musimy stworzy\u0107 klucze API. W tym celu musisz za\u0142o\u017cy\u0107 konto<\/a> na Cloudinary i zdoby\u0107 klucze API. W naszym przypadku potrzebujemy 3 rzeczy \u2013 nazwy chmury, klucza API i klucza API. Wszystkie te szczeg\u00f3\u0142y otrzymasz z pulpitu nawigacyjnego Cloudinary.<\/p>\n

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

Nast\u0119pn\u0105 rzecz\u0105 do zrobienia jest zainstalowanie oficjalnej biblioteki PHP Cloudinary<\/a>. Powiniene\u015b mie\u0107 zainstalowany Composer<\/a> w swoim systemie.<\/p>\n

Otw\u00f3rz terminal w katalogu g\u0142\u00f3wnym projektu i uruchom poni\u017csze polecenie.<\/p>\n

composer require cloudinary\/cloudinary_php<\/code><\/pre>\n
Prze\u015blij obraz w Cloudinary<\/h3>\n
Stworzyli\u015bmy konto na Cloudinary i uzyskali\u015bmy nasze dane uwierzytelniaj\u0105ce API. Zainstalowali\u015bmy r\u00f3wnie\u017c bibliotek\u0119 PHP. Teraz jeste\u015bmy gotowi do napisania kodu, kt\u00f3ry prze\u015ble obraz do 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
W powy\u017cszym kodzie musisz zast\u0105pi\u0107 symbole zast\u0119pcze rzeczywistymi warto\u015bciami. Powiniene\u015b tak\u017ce ustawi\u0107 \u015bcie\u017ck\u0119 dla swojego obrazu. W naszym przypadku ustawiamy go na __DIR__. \"\/images\/sample.png\"<\/code>.<\/p>\n
Kiedy drukujemy odpowied\u017a, otrzymujemy dane wyj\u015bciowe jak poni\u017cej.<\/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
Tutaj musisz przechowywa\u0107 public_id lub secure_url (lub URL) w swojej bazie danych. Przechowuj\u0105c secure_url mo\u017cesz bezpo\u015brednio przekaza\u0107 ten adres URL do tagu HTML img i wy\u015bwietli\u0107 obraz. W przypadku public_id, aby wy\u015bwietli\u0107 obrazek nale\u017cy napisa\u0107 kod jak poni\u017cej.<\/p>\n
<?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE');\n?><\/code><\/pre>\n
Dodatkowo mo\u017cesz ustawi\u0107 szeroko\u015b\u0107, wysoko\u015b\u0107, atrybut alt przy u\u017cyciu tej samej metody.<\/p>\n
<?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE', ['alt' => 'test', 'width' => 100, 'height' => 150]);\n?><\/code><\/pre>\n
Mo\u017cesz r\u00f3wnie\u017c przeczyta\u0107 oficjaln\u0105 dokumentacj\u0119 integracji PHP<\/a> Cloudinary .<\/p>\n
Mamy nadziej\u0119, \u017ce rozumiesz, jak pracowa\u0107 z Clodinary API. Zalecamy korzystanie z tej us\u0142ugi hostingu obraz\u00f3w, kt\u00f3ra pomo\u017ce Ci poprawi\u0107 wydajno\u015b\u0107 witryny.<\/p>\n
\u0179r\u00f3d\u0142o nagrywania:  artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Cloudinary to bezp\u0142atna us\u0142uga hostingu obraz\u00f3w, w kt\u00f3rej mo\u017cemy przechowywa\u0107 obrazy i filmy z naszych aplikacji. W tym samouczku uczymy si\u0119, jak przesy\u0142a\u0107 obrazy na<\/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":[277],"tags":[847],"class_list":["post-27459","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-8","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/27459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=27459"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/27459\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/22048"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=27459"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=27459"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=27459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}