{"id":89294,"date":"2020-07-22T01:42:21","date_gmt":"2020-07-21T23:42:21","guid":{"rendered":"https:\/\/prohoster.info\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage"},"modified":"2020-07-22T01:42:21","modified_gmt":"2020-07-21T23:42:21","slug":"kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage","status":"publish","type":"post","link":"https:\/\/prohoster.info\/cs\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage","title":{"rendered":"Jak um\u00edstit statickou str\u00e1nku pomoc\u00ed Yandex.Cloud Object Storage","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<h5 id=\"privet-habr\">Ahoj, Habr!<\/h5>\n<p><\/p>\n<p>V tomto \u010dl\u00e1nku v\u00e1m uk\u00e1\u017eu, jak snadno a rychle um\u00edstit statickou str\u00e1nku pomoc\u00ed technologi\u00ed Yandex, a to konkr\u00e9tn\u011b <em>Object Storage<\/em>.<\/p>\n<p><\/p>\n<p>Na konci budete m\u00edt webovou str\u00e1nku um\u00edst\u011bnou na internetu, kter\u00e1 bude dostupn\u00e1 prost\u0159ednictv\u00edm extern\u00edho odkazu.<\/p>\n<p><\/p>\n<h4 id=\"eta-statya-budet-polezna-esli-vy\">Tento \u010dl\u00e1nek bude u\u017eite\u010dn\u00fd, pokud jste<\/h4>\n<p><\/p>\n<ul>\n<li>Za\u010d\u00ednaj\u00edc\u00ed v\u00fdvoj\u00e1\u0159, kter\u00fd se teprve u\u010d\u00ed programov\u00e1n\u00ed;<\/li>\n<li>V\u00fdvoj\u00e1\u0159, kter\u00fd vytvo\u0159il portfolio a chce ho zve\u0159ejnit, aby ho uk\u00e1zal p\u0159\u00e1tel\u016fm a zam\u011bstnavatel\u016fm.<\/li>\n<\/ul>\n<p><noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<h4 id=\"o-sebe\">O mn\u011b<\/h4>\n<p><\/p>\n<p>Ned\u00e1vno jsem vyv\u00edjel SaaS slu\u017ebu, podobnou tr\u017ei\u0161ti, kde lid\u00e9 nach\u00e1zej\u00ed sportovn\u00ed tren\u00e9ry pro osobn\u00ed tr\u00e9ninky. Pou\u017e\u00edval jsem technologick\u00fd stack Amazon Web Services (d\u00e1le AWS). \u010c\u00edm hloub\u011bji jsem se do projektu pono\u0159il, t\u00edm v\u00edce nuanc\u00ed jsem se dozv\u00eddal o r\u016fzn\u00fdch procesech organizace startupu. <\/p>\n<p><\/p>\n<p>Narazil jsem na n\u00e1sleduj\u00edc\u00ed probl\u00e9my: <\/p>\n<p><\/p>\n<ul>\n<li>AWS spot\u0159ebov\u00e1valo hodn\u011b pen\u011bz. Po t\u0159ech letech pr\u00e1ce ve Firemn\u00edch spole\u010dnostech jsem si zvykl na takov\u00e9 radosti jako Docker, Kubernetes, CI\/CD, blue-green deployment, a jako za\u010d\u00ednaj\u00edc\u00ed program\u00e1tor-startupista jsem cht\u011bl realizovat to sam\u00e9. Nakonec jsem zjistil, \u017ee AWS m\u011bs\u00ed\u010dn\u011b st\u00e1lo 300-400 dolar\u016f. Nejv\u00edce pen\u011bz bral Kubernetes, kolem 100 dolar\u016f, p\u0159i minim\u00e1ln\u00ed konfiguraci s jedn\u00edm klastrem a jednou nodou.<br \/>\nP.S. Na za\u010d\u00e1tku nen\u00ed pot\u0159eba takto postupovat. <\/li>\n<li>Pot\u00e9, co jsem p\u0159em\u00fd\u0161lel o pr\u00e1vn\u00ed str\u00e1nce, jsem se dozv\u011bd\u011bl o z\u00e1konu 152-FZ, kter\u00fd \u0159\u00edk\u00e1 zhruba toto: <em>&quot;Osobn\u00ed \u00fadaje ob\u010dan\u016f Rusk\u00e9 federace mus\u00ed b\u00fdt uchov\u00e1v\u00e1ny na \u00fazem\u00ed Rusk\u00e9 federace&quot;<\/em>, jinak hroz\u00ed pokuty, kter\u00fdch jsem necht\u011bl. Rozhodl jsem se zab\u00fdvat t\u011bmito ot\u00e1zkami, dokud mi &quot;shora&quot; nep\u0159i\u0161lo :).<\/li>\n<\/ul>\n<p><\/p>\n<p>Inspirov\u00e1n <noindex><a rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/post\/440054\/\">\u010dl\u00e1nkem<\/a><\/noindex> o migraci infrastruktury z Amazon Web Services do Yandex. Cloud, jsem se rozhodl pod\u00edvat se na technologick\u00fd stack Yandexu podrobn\u011bji.<\/p>\n<p><\/p>\n<p>Pro m\u011b byly kl\u00ed\u010dov\u00fdmi vlastnostmi Yandex. Cloud n\u00e1sleduj\u00edc\u00ed:<\/p>\n<p><\/p>\n<ul>\n<li>Levn\u011bj\u0161\u00ed o 2-3 kr\u00e1t (podle v\u00fd\u0161e uveden\u00e9ho \u010dl\u00e1nku a ve\u0159ejn\u00fdch cen)<\/li>\n<li><noindex><a rel=\"nofollow\" href=\"https:\/\/cloud.yandex.ru\/security\">Ukl\u00e1d\u00e1n\u00ed osobn\u00edch \u00fadaj\u016f u\u017eivatel\u016f na \u00fazem\u00ed RF<\/a><\/noindex>, co\u017e velk\u00fd Amazon zat\u00edm nen\u00ed schopen uskute\u010dnit.<\/li>\n<\/ul>\n<p><\/p>\n<p>Zkoumal jsem jin\u00e9 konkurenty tohoto slu\u017eby, ale v tu chv\u00edli Yandex vyhr\u00e1val.<\/p>\n<p><\/p>\n<p>O sob\u011b jsem se zm\u00ednil, te\u010f m\u016f\u017eeme p\u0159ej\u00edt k v\u011bci.<\/p>\n<p><\/p>\n<h4 id=\"shag-0-podgotovim-sayt\">Krok 0. P\u0159iprav\u00edme si str\u00e1nku<\/h4>\n<p><\/p>\n<p>Nejprve budeme pot\u0159ebovat str\u00e1nku, kterou chceme um\u00edstit na internet. Jako Angular v\u00fdvoj\u00e1\u0159 vytvo\u0159\u00edm jednoduchou \u0161ablonu SPA aplikace, kterou n\u00e1sledn\u011b um\u00edst\u00edm na internet.<\/p>\n<p><\/p>\n<p>P.S. Kdo se vyzn\u00e1 v Angularu nebo v\u00ed o jeho dokumentaci <noindex><a rel=\"nofollow\" href=\"https:\/\/angular.io\/guide\/setup-local\">https:\/\/angular.io\/guide\/setup-local<\/a><\/noindex>, p\u0159ejd\u011bte k <noindex><a rel=\"nofollow\" href=\"#step_one\">Kroku 1<\/a><\/noindex>.<\/p>\n<p><\/p>\n<p>Nainstalujeme Angular-CLI, abychom mohli vytv\u00e1\u0159et SPA str\u00e1nky na Angularu:<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">npm install -g @angular\/cli<\/code><\/pre>\n<p><\/p>\n<p>Vytvo\u0159\u00edme Angular aplikaci pomoc\u00ed n\u00e1sleduj\u00edc\u00edho p\u0159\u00edkazu:<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">ng new angular-habr-object-storage<\/code><\/pre>\n<p><\/p>\n<p>Nyn\u00ed p\u0159ejdeme do slo\u017eky aplikace a spust\u00edme ji, abychom zkontrolovali jej\u00ed funk\u010dnost:<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">cd angular-habr-object-storage\nng serve --open<\/code><\/pre>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Jak um\u00edstit statickou str\u00e1nku pomoc\u00ed Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/b76c141276a55be70a70659757d7b4b7.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Aplikace byla vytvo\u0159ena, ale zat\u00edm nen\u00ed p\u0159ipravena na hosting. Sestav\u00edme aplikaci do mal\u00e9 verze (Production), abychom odstranili v\u0161echny nepot\u0159ebn\u00e9 soubory a ponechali pouze ty pot\u0159ebn\u00e9.<br \/>\nV Angularu to lze prov\u00e9st n\u00e1sleduj\u00edc\u00edm p\u0159\u00edkazem:<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">ng build --prod<\/code><\/pre>\n<p><\/p>\n<p>V d\u016fsledku tohoto p\u0159\u00edkazu se v ko\u0159enov\u00e9m adres\u00e1\u0159i aplikace objevil slo\u017eka <code>dist<\/code> s na\u0161\u00edm webem.<\/p>\n<p><\/p>\n<p>Funguje. Nyn\u00ed p\u0159ejdeme k hostingu.<\/p>\n<p>\n<noindex><a rel=\"nofollow\" name=\"step_one\"><\/a><\/noindex><\/p>\n<h4 id=\"shag-1\">Krok 1.<\/h4>\n<p><\/p>\n<p>P\u0159ejdeme na str\u00e1nku <noindex><a rel=\"nofollow\" href=\"https:\/\/console.cloud.yandex.ru\/\">https:\/\/console.cloud.yandex.ru\/<\/a><\/noindex> a stiskneme tla\u010d\u00edtko &quot;P\u0159ipojit&quot;.<\/p>\n<p><\/p>\n<p>Pozn\u00e1mka:<\/p>\n<p><\/p>\n<ul>\n<li>Pro pou\u017e\u00edv\u00e1n\u00ed slu\u017eby Yandex m\u016f\u017ee b\u00fdt pot\u0159eba \u00fa\u010det u Yandexu (ale to nen\u00ed jist\u00e9).<\/li>\n<li>Pro n\u011bkter\u00e9 funkce bude nutn\u00e9 vlo\u017eit pen\u00edze na \u00fa\u010det v osobn\u00edm kabinetu (minim\u00e1ln\u011b 500 rubl\u016f).<\/li>\n<\/ul>\n<p><\/p>\n<p>Po \u00fasp\u011b\u0161n\u00e9 registraci a autorizaci jsme v osobn\u00edm kabinetu.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Jak um\u00edstit statickou str\u00e1nku pomoc\u00ed Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/8fafe5f673ccc2a877fd5c4ceed4c980.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>D\u00e1le v lev\u00e9m menu je t\u0159eba naj\u00edt slu\u017ebu &quot;Object Storage&quot;, kterou pr\u00e1v\u011b budeme pou\u017e\u00edvat pro hostov\u00e1n\u00ed webu.<\/p>\n<p><\/p>\n<p>Kr\u00e1tce k term\u00edn\u016fm:<\/p>\n<p><\/p>\n<ul>\n<li>Object Storage je \u00falo\u017ei\u0161t\u011b soubor\u016f kompatibiln\u00ed se obdobnou technologi\u00ed od Amazonu AWS S3, kter\u00e1 m\u00e1 tak\u00e9 sv\u00e9 API pro spr\u00e1vu \u00falo\u017ei\u0161t\u011b z k\u00f3du a lze ji tak\u00e9 pou\u017e\u00edt jako AWS S3 pro hostov\u00e1n\u00ed statick\u00e9ho webu.<\/li>\n<li>V Object Storage vytv\u00e1\u0159\u00edme &quot;barevn\u00e9 ko\u0161e&quot; (bucket \/ Ko\u0161), kter\u00e9 jsou samostatn\u00fdmi \u00falo\u017ei\u0161ti na\u0161ich soubor\u016f.<\/li>\n<\/ul>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Jak um\u00edstit statickou str\u00e1nku pomoc\u00ed Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/6863139051aa8290dcb92b53427c693f.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Vytvo\u0159\u00edme jeden z nich. K tomu v konzoli slu\u017eby klikneme na tla\u010d\u00edtko &quot;Vytvo\u0159it ko\u0161&quot;.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Jak um\u00edstit statickou str\u00e1nku pomoc\u00ed Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/7b411629b018b3dea9b9f027f5a48efe.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>V formul\u00e1\u0159i pro vytvo\u0159en\u00ed bucketu jsou n\u00e1sleduj\u00edc\u00ed pole, projdeme si je:<\/p>\n<p><\/p>\n<ul>\n<li>Jm\u00e9no bucketu. Pro jednoduchost ho nazveme stejn\u011b jako Angular projekt \u2014 <code>angular-habr-object-storage<\/code><\/li>\n<li>Max. velikost. Nastav\u00edme tolik, kolik n\u00e1\u0161 web v\u00e1\u017e\u00ed, proto\u017ee skladov\u00e1n\u00ed webu nen\u00ed zdarma a za ka\u017ed\u00fd p\u0159id\u011blen\u00fd gigabajt budeme Yandexu platit drobn\u00e9.<\/li>\n<li>P\u0159\u00edstup pro \u010dten\u00ed objekt\u016f. Nastavujeme &quot;Ve\u0159ejn\u00fd&quot;, proto\u017ee u\u017eivatel by m\u011bl obdr\u017eet ka\u017ed\u00fd soubor na\u0161eho statick\u00e9ho webu, aby se spr\u00e1vn\u011b vykresloval design, fungovaly skripty atd.<\/li>\n<li>P\u0159\u00edstup k seznamu objekt\u016f a p\u0159\u00edstup k nastaven\u00edm pro \u010dten\u00ed. Nech\u00e1v\u00e1me &quot;Omezen\u00fd&quot;. To je pot\u0159eba pro pou\u017eit\u00ed ko\u0161e jako intern\u00edho \u00falo\u017ei\u0161t\u011b soubor\u016f pro aplikace.<\/li>\n<li>T\u0159\u00edda \u00falo\u017ei\u0161t\u011b. Nech\u00e1v\u00e1me &quot;Standardn\u00ed&quot;. To znamen\u00e1, \u017ee n\u00e1\u0161 web bude \u010dasto nav\u0161t\u011bvov\u00e1n, tak\u017ee se budou \u010dasto stahovat soubory, kter\u00e9 web tvo\u0159\u00ed. Tento bod tak\u00e9 ovliv\u0148uje v\u00fdkon a platbu (vlo\u017eit odkaz).<\/li>\n<\/ul>\n<p><\/p>\n<p>Klikneme na &quot;Vytvo\u0159it ko\u0161&quot; a ko\u0161 byl vytvo\u0159en.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Jak um\u00edstit statickou str\u00e1nku pomoc\u00ed Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/5f809534f58d62aea684d5365b0ec61a.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Nyn\u00ed je pot\u0159eba nahr\u00e1t n\u00e1\u0161 web do bucketa. Nejjednodu\u0161\u0161\u00ed zp\u016fsob je otev\u0159\u00edt vedle slo\u017eku <code>dist<\/code> na\u0161eho webu a ru\u010dn\u011b ho p\u0159et\u00e1hnout p\u0159\u00edmo na str\u00e1nku. To je pohodln\u011bj\u0161\u00ed ne\u017e stisknout tla\u010d\u00edtko &quot;Nahr\u00e1t objekty&quot;, proto\u017ee v takov\u00e9m p\u0159\u00edpad\u011b se slo\u017eky nep\u0159en\u00e1\u0161ej\u00ed a mus\u00ed se vytv\u00e1\u0159et ru\u010dn\u011b ve spr\u00e1vn\u00e9m po\u0159ad\u00ed.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Jak um\u00edstit statickou str\u00e1nku pomoc\u00ed Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/94b76639a6bdf65da3ebce99a4595879.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Tak\u017ee, web byl nahr\u00e1n do \u00falo\u017ei\u0161t\u011b, tak\u017ee m\u016f\u017eeme u\u017eivatel\u016fm poskytnout mo\u017enost p\u0159istupovat k \u00falo\u017ei\u0161ti jako k webu.<br \/>\nK tomu vlevo v menu klikneme na z\u00e1lo\u017eku &quot;Webov\u00e1 str\u00e1nka&quot;.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Jak um\u00edstit statickou str\u00e1nku pomoc\u00ed Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/5489c8743ca0e5e467c681ff52bbf103.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Na str\u00e1nce nastaven\u00ed ko\u0161e jako webu vybereme kartu &quot;Hostov\u00e1n\u00ed&quot;. Zde ur\u010dujeme hlavn\u00ed str\u00e1nku webu, obvykle je to index.html. Pokud m\u00e1te SPA aplikaci, pravd\u011bpodobn\u011b se v\u0161echny chyby tak\u00e9 zpracov\u00e1vaj\u00ed na hlavn\u00ed str\u00e1nce, tak\u017ee na str\u00e1nce chyb rovn\u011b\u017e uvedeme index.html.<\/p>\n<p><\/p>\n<p>Okam\u017eit\u011b vid\u00edme, na jak\u00e9m odkazu bude n\u00e1\u0161 web dostupn\u00fd. Klikneme na ulo\u017eit.<\/p>\n<p><\/p>\n<p>Za minutu 5, p\u0159echodem na odkaz vid\u00edme, \u017ee nyn\u00ed je n\u00e1\u0161 web dostupn\u00fd v\u0161em z\u00e1jemc\u016fm.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Jak um\u00edstit statickou str\u00e1nku pomoc\u00ed Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/0dae2f46c7793228de0789ef3d7fddb3.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>D\u011bkuji v\u0161em, kdo do\u010detli a\u017e do konce! Tohle je m\u016fj prvn\u00ed \u010dl\u00e1nek, pl\u00e1nuju d\u00e1le popsat dal\u0161\u00ed slu\u017eby Yandexu a jejich integraci s frontendov\u00fdmi a backendov\u00fdmi technologiemi.<\/p>\n<p><\/p>\n<p>Napi\u0161te do koment\u00e1\u0159\u016f, jak moc v\u00e1s zaj\u00edm\u00e1 dozv\u011bd\u011bt se o dal\u0161\u00edch slu\u017eb\u00e1ch Yandexu nebo o pou\u017eit\u00ed Angularu v modern\u00edm v\u00fdvoji.<\/p>\n<p>Zdroj: <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/post\/511692\/\">habr.com<\/a> <\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u041f\u0440\u0438\u0432\u0435\u0442, \u0425\u0430\u0431\u0440! \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435, \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u043a\u0430\u043a \u043b\u0435\u0433\u043a\u043e \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0430\u0439\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u042f\u043d\u0434\u0435\u043a\u0441\u0430, \u0430 \u0438\u043c\u0435\u043d\u043d\u043e Object Storage. \u0412 \u043a\u043e\u043d\u0446\u0435 \u0443 \u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0437\u043c\u0435\u0449\u0435\u043d\u043d\u044b\u0439 \u0432 \u0441\u0435\u0442\u0438 \u0441\u0430\u0439\u0442, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d \u043f\u043e \u0432\u043d\u0435\u0448\u043d\u0435\u0439 \u0441\u0441\u044b\u043b\u043a\u0435. \u042d\u0442\u0430 \u0441\u0442\u0430\u0442\u044c\u044f \u0431\u0443\u0434\u0435\u0442 \u043f\u043e\u043b\u0435\u0437\u043d\u0430, \u0435\u0441\u043b\u0438 \u0432\u044b \u041d\u0430\u0447\u0438\u043d\u0430\u044e\u0449\u0438\u0439 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0442\u043e\u043b\u044c\u043a\u043e \u043e\u0431\u0443\u0447\u0430\u0435\u0442\u0441\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e; \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0434\u0435\u043b\u0430\u043b \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u0438 \u0445\u043e\u0447\u0435\u0442 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":89295,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[688],"tags":[],"class_list":["post-89294","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-administrirovanie"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.3 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u041f\u0440\u0438\u0432\u0435\u0442, \u0425\u0430\u0431\u0440! \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435, \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u043a\u0430\u043a \u043b\u0435\u0433\u043a\u043e \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0430\u0439\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u042f\u043d\u0434\u0435\u043a\u0441\u0430, \u0430 \u0438\u043c\u0435\u043d\u043d\u043e Object Storage. \u0412 \u043a\u043e\u043d\u0446\u0435 \u0443 \u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/cs\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.3\" \/>\n\t\t<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u041a\u0430\u043a \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0430\u0439\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Yandex.Cloud Object Storage | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u041f\u0440\u0438\u0432\u0435\u0442, \u0425\u0430\u0431\u0440! \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435, \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u043a\u0430\u043a \u043b\u0435\u0433\u043a\u043e \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0430\u0439\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u042f\u043d\u0434\u0435\u043a\u0441\u0430, \u0430 \u0438\u043c\u0435\u043d\u043d\u043e Object Storage. \u0412 \u043a\u043e\u043d\u0446\u0435 \u0443 \u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/cs\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2020-07-21T23:42:21+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2020-07-21T23:42:21+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47Jak um\u00edstit statick\u00fd web s pomoc\u00ed Yandex.Cloud Object Storage | ProHoster","description":"Ahoj, Habr! V tomto \u010dl\u00e1nku v\u00e1m uk\u00e1\u017eu, jak snadno a jednodu\u0161e um\u00edstit statick\u00fd web s pomoc\u00ed technologi\u00ed Yandexu, konkr\u00e9tn\u011b Object Storage. Na konci budete m\u00edt.","canonical_url":"https:\/\/prohoster.info\/cs\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"cs_CZ","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u041a\u0430\u043a \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0430\u0439\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e Yandex.Cloud Object Storage | ProHoster","og:description":"\u041f\u0440\u0438\u0432\u0435\u0442, \u0425\u0430\u0431\u0440! \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435, \u044f \u0440\u0430\u0441\u0441\u043a\u0430\u0436\u0443 \u043a\u0430\u043a \u043b\u0435\u0433\u043a\u043e \u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u0440\u0430\u0437\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0430\u0439\u0442 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439 \u042f\u043d\u0434\u0435\u043a\u0441\u0430, \u0430 \u0438\u043c\u0435\u043d\u043d\u043e Object Storage. \u0412 \u043a\u043e\u043d\u0446\u0435 \u0443 \u0432\u0430\u0441 \u0431\u0443\u0434\u0435\u0442.","og:url":"https:\/\/prohoster.info\/cs\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2020-07-21T23:42:21+00:00","article:modified_time":"2020-07-21T23:42:21+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"89294","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":null,"breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2021-02-28 13:12:27","updated":"2022-09-28 19:42:33","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/89294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/comments?post=89294"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/posts\/89294\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media\/89295"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/media?parent=89294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/categories?post=89294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/cs\/wp-json\/wp\/v2\/tags?post=89294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}