{"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\/de\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage","title":{"rendered":"So hosten Sie eine statische Website mit Yandex.Cloud Object Storage","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<h5 id=\"privet-habr\">Hallo, Habr!<\/h5>\n<p><\/p>\n<p>In diesem Artikel zeige ich Ihnen, wie Sie ganz einfach eine statische Website mit den Technologien von Yandex bereitstellen k\u00f6nnen, n\u00e4mlich <em>Object Storage<\/em>.<\/p>\n<p><\/p>\n<p>Am Ende haben Sie eine im Internet ver\u00f6ffentlichte Website, die \u00fcber einen externen Link zug\u00e4nglich ist.<\/p>\n<p><\/p>\n<h4 id=\"eta-statya-budet-polezna-esli-vy\">Dieser Artikel wird n\u00fctzlich sein, wenn Sie<\/h4>\n<p><\/p>\n<ul>\n<li>Ein Anf\u00e4nger-Entwickler sind, der gerade das Programmieren lernt;<\/li>\n<li>Ein Entwickler sind, der ein Portfolio erstellt hat und es \u00f6ffentlich zug\u00e4nglich machen m\u00f6chte, um es Freunden und Arbeitgebern zu zeigen.<\/li>\n<\/ul>\n<p><noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<h4 id=\"o-sebe\">\u00dcber mich<\/h4>\n<p><\/p>\n<p>K\u00fcrzlich habe ich einen SaaS-Dienst entwickelt, \u00e4hnlich einem Marktplatz, auf dem Menschen pers\u00f6nliche Trainer f\u00fcr Fitness-Training finden k\u00f6nnen. Ich habe den Stack von Amazon Web Services (AWS) verwendet. Aber je tiefer ich in das Projekt eintauchte, desto mehr Nuancen erfuhr ich \u00fcber verschiedene Prozesse der Startup-Organisation. <\/p>\n<p><\/p>\n<p>Ich bin auf folgende Probleme gesto\u00dfen: <\/p>\n<p><\/p>\n<ul>\n<li>AWS hat viel Geld gekostet. Nach drei Jahren in Unternehmensunternehmen bin ich an Freuden wie Docker, Kubernetes, CI\/CD, Blue-Green-Deployment gew\u00f6hnt, und als aufstrebender Programmierer-Startup-Gr\u00fcnder wollte ich das Gleiche umsetzen. Letztendlich kam ich zu dem Punkt, dass AWS monatlich 300-400 Dollar verbrauchte. Am teuersten war Kubernetes, das etwa 100 Dollar kostete, bei einem Mindestma\u00df mit einem Cluster und einem Knoten.<br \/>\nP.S. Am Anfang ist das nicht notwendig. <\/li>\n<li>Dann, als ich \u00fcber die rechtlichen Aspekte nachdachte, erfuhr ich von dem Gesetz 152-FZ, das etwa Folgendes besagte: <em>\"Personenbezogene Daten von B\u00fcrgern der RF m\u00fcssen auf dem Territorium der RF gespeichert werden\"<\/em>, andernfalls drohen Strafen, die ich vermeiden m\u00f6chte. Ich habe beschlossen, mich mit diesen Fragen zu besch\u00e4ftigen, bevor \"von oben\" etwas kommt :).<\/li>\n<\/ul>\n<p><\/p>\n<p>Inspiriert <noindex><a rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/post\/440054\/\">Artikel.<\/a><\/noindex> von der Migration der Infrastruktur von Amazon Web Services zu Yandex.Cloud, beschloss ich, den Yandex-Stack n\u00e4her zu studieren.<\/p>\n<p><\/p>\n<p>F\u00fcr mich waren die wichtigsten Merkmale von Yandex.Cloud folgende:<\/p>\n<p><\/p>\n<ul>\n<li>2-3 Mal g\u00fcnstiger (laut dem oben genannten Artikel und den \u00f6ffentlichen Preisen)<\/li>\n<li><noindex><a rel=\"nofollow\" href=\"https:\/\/cloud.yandex.ru\/security\">Speicherung personenbezogener Daten der Nutzer auf dem Gebiet der Russischen F\u00f6deration<\/a><\/noindex>, was der gro\u00dfe Amazon bisher nicht umsetzen kann.<\/li>\n<\/ul>\n<p><\/p>\n<p>Ich habe auch andere Konkurrenten dieses Dienstes studiert, aber zu diesem Zeitpunkt war Yandex im Vorteil.<\/p>\n<p><\/p>\n<p>Nachdem ich etwas \u00fcber mich erz\u00e4hlt habe, k\u00f6nnen wir zur Sache kommen.<\/p>\n<p><\/p>\n<h4 id=\"shag-0-podgotovim-sayt\">Schritt 0. Bereiten wir die Website vor<\/h4>\n<p><\/p>\n<p>Zun\u00e4chst ben\u00f6tigen wir eine Website, die wir im Internet ver\u00f6ffentlichen m\u00f6chten. Da ich Angular-Entwickler bin, werde ich eine einfache Vorlage f\u00fcr eine SPA-Anwendung erstellen, die ich sp\u00e4ter im Internet ver\u00f6ffentlichen werde.<\/p>\n<p><\/p>\n<p>P.S. Wer sich mit Angular auskennt oder seine Dokumentation kennt <noindex><a rel=\"nofollow\" href=\"https:\/\/angular.io\/guide\/setup-local\">https:\/\/angular.io\/guide\/setup-local<\/a><\/noindex>, geht zu <noindex><a rel=\"nofollow\" href=\"#step_one\">Schritt 1<\/a><\/noindex>.<\/p>\n<p><\/p>\n<p>Wir installieren Angular-CLI, um SPA-Websites mit Angular zu erstellen:<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">npm install -g @angular\/cli<\/code><\/pre>\n<p><\/p>\n<p>Wir erstellen eine Angular-Anwendung mit dem folgenden Befehl:<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">ng new angular-habr-object-storage<\/code><\/pre>\n<p><\/p>\n<p>Als n\u00e4chstes wechseln wir in den Anwendungsordner und starten ihn, um die Funktionsf\u00e4higkeit zu pr\u00fcfen:<\/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=\"So hosten Sie eine statische Website mit Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/b76c141276a55be70a70659757d7b4b7.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Die Anwendung ist erstellt, jedoch noch nicht bereit f\u00fcr das Hosting. Wir erstellen eine kleine Build-Version (Production), um alles \u00dcberfl\u00fcssige zu entfernen und nur die notwendigen Dateien zu belassen.<br \/>\nIn Angular kann dies mit dem folgenden Befehl gemacht werden:<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">ng build --prod<\/code><\/pre>\n<p><\/p>\n<p>Infolge dieses Befehls wurde ein Ordner im Stammverzeichnis der Anwendung erstellt <code>dist<\/code> mit unserer Website.<\/p>\n<p><\/p>\n<p>Es funktioniert. Jetzt wechseln wir zum Hosting.<\/p>\n<p>\n<noindex><a rel=\"nofollow\" name=\"step_one\"><\/a><\/noindex><\/p>\n<h4 id=\"shag-1\">Schritt 1.<\/h4>\n<p><\/p>\n<p>Gehe auf die Website <noindex><a rel=\"nofollow\" href=\"https:\/\/console.cloud.yandex.ru\/\">https:\/\/console.cloud.yandex.ru\/<\/a><\/noindex> und dr\u00fccken die Taste \"Verbinden\".<\/p>\n<p><\/p>\n<p>Hinweis:<\/p>\n<p><\/p>\n<ul>\n<li>F\u00fcr die Nutzung des Yandex-Dienstes k\u00f6nnte eine Yandex-Mail erforderlich sein (aber das ist nicht sicher).<\/li>\n<li>F\u00fcr einige Funktionen m\u00fcssen wir Geld auf das Konto im pers\u00f6nlichen Bereich einzahlen (mindestens 500 Rubel).<\/li>\n<\/ul>\n<p><\/p>\n<p>Nach erfolgreicher Registrierung und Authentifizierung befinden wir uns im pers\u00f6nlichen Bereich.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"So hosten Sie eine statische Website mit Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/8fafe5f673ccc2a877fd5c4ceed4c980.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Dann m\u00fcssen wir im Men\u00fc links den Service \"Object Storage\" finden, den wir gerade f\u00fcr das Hosting der Website verwenden werden.<\/p>\n<p><\/p>\n<p>Kurz zu den Begriffen:<\/p>\n<p><\/p>\n<ul>\n<li>Object Storage \u2014 ist ein Dateispeicher, der mit der \u00e4hnlichen Technologie von Amazon AWS S3 kompatibel ist und auch eine eigene API zur Verwaltung des Speichers aus dem Code bietet. Wie AWS S3 kann er ebenfalls f\u00fcr die Bereitstellung einer statischen Website verwendet werden.<\/li>\n<li>Im Object Storage erstellen wir \"Buckets\", die separate Speicher f\u00fcr unsere Dateien darstellen.<\/li>\n<\/ul>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"So hosten Sie eine statische Website mit Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/6863139051aa8290dcb92b53427c693f.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Lassen Sie uns eine davon erstellen. Dazu klicken wir im Konsolenservice auf die Schaltfl\u00e4che \"Bucket erstellen\".<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"So hosten Sie eine statische Website mit Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/7b411629b018b3dea9b9f027f5a48efe.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Im Formular zur Erstellung des Buckets gibt es folgende Felder, die wir kurz durchgehen werden:<\/p>\n<p><\/p>\n<ul>\n<li>Bucket-Name. Zur Vereinfachung nennen wir es genauso wie das Angular-Projekt \u2014 <code>angular-habr-object-storage<\/code><\/li>\n<li>Max. Gr\u00f6\u00dfe. Wir setzen den Betrag ein, der dem Gewicht unserer Website entspricht, da die Website nicht kostenlos gespeichert wird und wir f\u00fcr jedes zugewiesene Gigabyte einen kleinen Betrag an Yandex zahlen werden.<\/li>\n<li>Zugriff auf Objekte. Wir setzen \"\u00d6ffentlich\", da der Benutzer jede Datei unserer statischen Website erhalten muss, damit das Design richtig gerendert wird, Skripte funktionieren usw.<\/li>\n<li>Zugriff auf die Objektliste und Zugriff auf die Leseeinstellungen. Wir lassen \"Eingeschr\u00e4nkt\". Das ist notwendig, um den Bucket als internes Speichermedium f\u00fcr die Anwendungen zu verwenden.<\/li>\n<li>Speicherklasse. Wir lassen \"Standard\" eingestellt. Das bedeutet, dass unsere Website h\u00e4ufig besucht wird, was auch h\u00e4ufiges Herunterladen der Dateien, die die Website ausmachen, zur Folge hat. Zudem wirkt sich dieser Punkt auf die Leistung und die Kosten aus (Link einf\u00fcgen).<\/li>\n<\/ul>\n<p><\/p>\n<p>Klicken Sie auf \"Bucket erstellen\" und der Bucket ist erstellt.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"So hosten Sie eine statische Website mit Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/5f809534f58d62aea684d5365b0ec61a.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Jetzt m\u00fcssen wir unsere Website in den Bucket hochladen. Der einfachste Weg ist, einen Ordner zu \u00f6ffnen, <code>dist<\/code> unserer Website und ziehen Sie es einfach auf die Seite. Das ist bequemer, als die Schaltfl\u00e4che \"Objekte hochladen\" zu dr\u00fccken, da in diesem Fall die Ordner nicht \u00fcbertragen werden und man sie manuell in der richtigen Reihenfolge erstellen muss.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"So hosten Sie eine statische Website mit Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/94b76639a6bdf65da3ebce99a4595879.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>So, die Website ist in den Speicher hochgeladen. Damit k\u00f6nnen wir den Benutzern die M\u00f6glichkeit geben, auf den Speicher wie auf eine Website zuzugreifen.<br \/>\nDaf\u00fcr klicken wir links im Men\u00fc auf den Tab \"Website\".<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"So hosten Sie eine statische Website mit Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/5489c8743ca0e5e467c681ff52bbf103.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Auf der Seite zur Einrichtung des Buckets als Website w\u00e4hlen wir den Tab \"Hosting\". Hier geben wir die Hauptseite der Website an, normalerweise index.html. Wenn Sie eine SPA-Anwendung haben, werden wahrscheinlich auch alle Fehler auf der Hauptseite verarbeitet, daher geben wir auch auf der Fehlerseite index.html an.<\/p>\n<p><\/p>\n<p>Wir sehen sofort, \u00fcber welchen Link unsere Website verf\u00fcgbar sein wird. Wir klicken auf Speichern.<\/p>\n<p><\/p>\n<p>In etwa 5 Minuten sehen wir durch den Link, dass unsere Webseite nun f\u00fcr alle Interessierten zug\u00e4nglich ist.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"So hosten Sie eine statische Website mit Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/0dae2f46c7793228de0789ef3d7fddb3.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Danke an alle, die bis zum Ende gelesen haben! Dies ist mein erster Artikel, und ich plane, weitere Dienste von Yandex sowie deren Integration mit Frontend- und Backend-Technologien zu beschreiben.<\/p>\n<p><\/p>\n<p>Schreibt in die Kommentare, wie interessiert ihr an weiteren Yandex-Diensten oder der Verwendung von Angular in der modernen Entwicklung seid.<\/p>\n<p>Quelle: <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 4.9.10 - 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 \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\" \/>\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\/de\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\t\t<meta property=\"og:locale\" content=\"de_DE\" \/>\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 \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\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/de\/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\udd47Wie man eine statische Webseite mit Yandex.Cloud Object Storage hostet | ProHoster","description":"Hallo, Habr! In diesem Artikel werde ich erkl\u00e4ren, wie einfach es ist, eine statische Webseite mithilfe der Technologien von Yandex, insbesondere Object Storage, zu hosten. Am Ende werdet ihr eine Webseite haben, die \u00fcber einen externen Link zug\u00e4nglich ist. Dieser Artikel ist n\u00fctzlich, wenn ihr ein Anf\u00e4nger im Programmieren seid oder ein Entwickler, der ein Portfolio erstellt hat und m\u00f6chte.","canonical_url":"https:\/\/prohoster.info\/de\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"de_DE","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 \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","og:url":"https:\/\/prohoster.info\/de\/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"},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/89294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/comments?post=89294"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/posts\/89294\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media\/89295"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/media?parent=89294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/categories?post=89294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/de\/wp-json\/wp\/v2\/tags?post=89294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}