{"id":23974,"date":"2021-05-09T15:01:00","date_gmt":"2021-05-09T12:01:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=23974"},"modified":"2021-10-17T21:09:21","modified_gmt":"2021-10-17T18:09:21","slug":"kuvien-lataaminen-php-n-avulla-cloudinary-ilmainen-kuvien-isannointipalvelu","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/kuvien-lataaminen-php-n-avulla-cloudinary-ilmainen-kuvien-isannointipalvelu\/","title":{"rendered":"Kuvien lataaminen PHP: n avulla Cloudinary – ilmainen kuvien is\u00e4nn\u00f6intipalvelu"},"content":{"rendered":"

CDN ei ole uusi sana verkkokehitt\u00e4jille. CDN tarkoittaa sis\u00e4ll\u00f6n jakeluverkkoa tai sis\u00e4ll\u00f6n jakeluverkkoa. Is\u00e4nn\u00f6im\u00e4ll\u00e4 CSS: \u00e4\u00e4, JS: \u00e4\u00e4 ja kuvia pilvipalveluun ja p\u00e4\u00e4syyn CDN: n kautta voit v\u00e4hent\u00e4\u00e4 oman palvelimesi kuormitusta, mik\u00e4 viime k\u00e4dess\u00e4 auttaa verkkosivustojen suorituskyky\u00e4.<\/p>\n

Kun is\u00e4nn\u00f6imme tiedostojamme pilvess\u00e4 ja k\u00e4yt\u00e4mme niit\u00e4 CDN: n kautta, n\u00e4m\u00e4 tiedostot toimitetaan kolmannen osapuolen palvelimilta palvelimellemme. T\u00e4m\u00e4 prosessi s\u00e4\u00e4st\u00e4\u00e4 ylim\u00e4\u00e4r\u00e4isen kutsun tiedostoille ja sen seurauksena latautuu omalle palvelimellemme.<\/p>\n

Cloudinary<\/a> on kuvien is\u00e4nn\u00f6intipalvelu, jonka avulla voimme hallita kuvia ja videoita. Ne tarjoavat sek\u00e4 ilmaisia \u200b\u200bett\u00e4 maksettuja suunnitelmia. Pilvinen ilmainen suunnitelma on varsin hyv\u00e4. Alla on kuvakaappaus heid\u00e4n ilmaisesta suunnitelmastaan.<\/p>\n

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

T\u00e4ss\u00e4 artikkelissa tutkitaan, kuinka kuvia ladataan Cloudinaryyn, n\u00e4ytet\u00e4\u00e4n kuvia Cloudinaryst\u00e4 PHP: n avulla.<\/p>\n

Hanki API-avain ja API-salaisuus<\/h3>\n

Sovelluksemme tulee olemaan vuorovaikutuksessa pilvipalvelun kanssa. Jotta voisimme kommunikoida pilvipalvelun kanssa, meid\u00e4n on luotava API-avaimet. T\u00e4t\u00e4 varten sinun on luotava tili<\/a> Cloudinary-palveluun ja hankittava API-avaimet. Meid\u00e4n tapauksessamme vaadimme 3 asiaa – pilven nimi, API-avain ja API Secret. Saat kaikki n\u00e4m\u00e4 yksityiskohdat Cloudinary-hallintapaneelista.<\/p>\n

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

Seuraava asia on asentaa Cloudinaryin virallinen PHP-kirjasto<\/a>. Sinulla on oltava Composer<\/a> asennettuna j\u00e4rjestelm\u00e4\u00e4n.<\/p>\n

Avaa p\u00e4\u00e4te projektin juurihakemistossa ja suorita alla oleva komento.<\/p>\n

composer require cloudinary\/cloudinary_php<\/code><\/pre>\n
Lataa kuva Cloudinary-palveluun<\/h3>\n
Olemme luoneet tilin Cloudinary-palveluun ja saaneet API-kirjautumistiedot. Asensimme my\u00f6s PHP-kirjaston. Olemme nyt valmiita kirjoittamaan eteenp\u00e4in koodinp\u00e4tk\u00e4n, joka l\u00e4hett\u00e4\u00e4 kuvan Cloudinaryyn.<\/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
Yll\u00e4 olevassa koodissa sinun on korvattava paikkamerkit todellisilla arvoilla. Sinun tulisi my\u00f6s asettaa polku kuvallesi. Meid\u00e4n tapauksessamme asetamme sen __DIR__. \"\/images\/sample.png\"<\/code>.<\/p>\n
Kun tulostamme vastauksen, saadaan tulos kuten alla.<\/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
T\u00e4ss\u00e4 sinun on tallennettava public_id tai secure_url (tai URL) tietokantaan. Tallentamalla secure_url voit siirt\u00e4\u00e4 t\u00e4m\u00e4n URL-osoitteen suoraan HTML img -tagille ja n\u00e4ytt\u00e4\u00e4 kuvan. Jos kyseess\u00e4 on public_id, kuvan n\u00e4ytt\u00e4miseksi sinun on kirjoitettava koodi alla olevan mukaisesti.<\/p>\n
<?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE');\n?><\/code><\/pre>\n
Lis\u00e4ksi voit asettaa leveyden, korkeuden ja alt-attribuutin samalla menetelm\u00e4ll\u00e4.<\/p>\n
<?php\necho cl_image_tag('PASTE_PUBLID_ID_HERE', ['alt' => 'test', 'width' => 100, 'height' => 150]);\n?><\/code><\/pre>\n
Saatat my\u00f6s haluta lukea virallisia CloudPatin integrointidokumentaatioita<\/a>.<\/p>\n
Toivomme, ett\u00e4 ymm\u00e4rr\u00e4t kuinka toimia Clodinary-sovellusliittymien kanssa. Suosittelemme t\u00e4m\u00e4n kuvapalvelupalvelun k\u00e4ytt\u00f6\u00e4, joka auttaa sinua parantamaan sivuston suorituskyky\u00e4.<\/p>\n
:  artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"
Cloudinary on ilmainen kuvien is\u00e4nn\u00f6intipalvelu, johon voimme tallentaa sovelluskuvia ja videoita. T\u00e4ss\u00e4 opetusohjelmassa tutkitaan, miten kuvia voidaan ladata<\/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":[275],"tags":[843],"class_list":["post-23974","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-6","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/23974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=23974"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/23974\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/22048"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=23974"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=23974"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=23974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}