{"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\/fr\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage","title":{"rendered":"Comment h\u00e9berger un site web statique avec Yandex.Cloud Object Storage","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<h5 id=\"privet-habr\">Salut, Habr !<\/h5>\n<p><\/p>\n<p>Dans cet article, je vais vous expliquer comment facilement et simplement h\u00e9berger un site statique \u00e0 l'aide des technologies de Yandex, \u00e0 savoir <em>Object Storage<\/em>.<\/p>\n<p><\/p>\n<p>\u00c0 la fin, vous aurez un site web h\u00e9berg\u00e9 qui sera accessible via un lien externe.<\/p>\n<p><\/p>\n<h4 id=\"eta-statya-budet-polezna-esli-vy\">Cet article sera utile si vous \u00eates<\/h4>\n<p><\/p>\n<ul>\n<li>Un d\u00e9veloppeur d\u00e9butant qui est en train d'apprendre la programmation ;<\/li>\n<li>Un d\u00e9veloppeur qui a cr\u00e9\u00e9 un portfolio et souhaite le rendre accessible au public, afin de le montrer \u00e0 ses amis et employeurs.<\/li>\n<\/ul>\n<p><noindex><a rel=\"nofollow\" name=\"habracut\"><\/a><\/noindex><\/p>\n<h4 id=\"o-sebe\">\u00c0 propos de moi<\/h4>\n<p><\/p>\n<p>R\u00e9cemment, j'ai d\u00e9velopp\u00e9 un service SaaS, similaire \u00e0 un march\u00e9, o\u00f9 les gens trouvent des entra\u00eeneurs sportifs pour des entra\u00eenements personnels. J'ai utilis\u00e9 le stack Amazon Web Services (AWS). Mais plus je me plongeais dans le projet, plus j'apprenais sur les diff\u00e9rents processus d'organisation d'une startup. <\/p>\n<p><\/p>\n<p>J'ai rencontr\u00e9 les probl\u00e8mes suivants : <\/p>\n<p><\/p>\n<ul>\n<li>AWS co\u00fbtait tr\u00e8s cher. Apr\u00e8s avoir travaill\u00e9 3 ans dans des entreprises de taille \u00e9tablie, je suis habitu\u00e9 \u00e0 des outils tels que Docker, Kubernetes, CI\/CD, blue-green deployment, et en tant que d\u00e9veloppeur d\u00e9butant dans une startup, je voulais impl\u00e9menter la m\u00eame chose. Au final, je me suis rendu compte qu'AWS co\u00fbtait entre 300 et 400 dollars par mois. Le plus co\u00fbteux \u00e9tait Kubernetes, environ 100 dollars, avec un minimum d'un cluster et une node.<br \/>\nP.S. Au d\u00e9but, il n'est pas n\u00e9cessaire de faire cela. <\/li>\n<li>Ensuite, en r\u00e9fl\u00e9chissant \u00e0 l'aspect juridique, j'ai d\u00e9couvert la loi 152-FZ, qui \u00e9non\u00e7ait \u00e0 peu pr\u00e8s ceci : <em>&quot;Les donn\u00e9es personnelles des citoyens russes doivent \u00eatre stock\u00e9es sur le territoire de la Russie&quot;<\/em>, sinon des amendes, ce que je voulais \u00e9viter. J'ai d\u00e9cid\u00e9 de m'occuper de ces questions tant que je n'ai pas re\u00e7u d'instructions venant de &quot;plus haut&quot; :).<\/li>\n<\/ul>\n<p><\/p>\n<p>Inspir\u00e9 <noindex><a rel=\"nofollow\" href=\"https:\/\/habr.com\/ru\/post\/440054\/\">article<\/a><\/noindex> par la migration de l'infrastructure d'Amazon Web Services vers Yandex.Cloud, j'ai d\u00e9cid\u00e9 d'\u00e9tudier le stack de Yandex plus en d\u00e9tail.<\/p>\n<p><\/p>\n<p>Pour moi, les caract\u00e9ristiques cl\u00e9s de Yandex.Cloud \u00e9taient les suivantes :<\/p>\n<p><\/p>\n<ul>\n<li>Moins cher de 2 \u00e0 3 fois (selon l'article ci-dessus et les tarifs publics)<\/li>\n<li><noindex><a rel=\"nofollow\" href=\"https:\/\/cloud.yandex.ru\/security\">Stockage des donn\u00e9es personnelles des utilisateurs sur le territoire de la Russie<\/a><\/noindex>, ce que le grand Amazon ne peut pas encore r\u00e9aliser.<\/li>\n<\/ul>\n<p><\/p>\n<p>J'ai \u00e9tudi\u00e9 d'autres concurrents de ce service, mais \u00e0 cette \u00e9poque, Yandex \u00e9tait en t\u00eate.<\/p>\n<p><\/p>\n<p>J'ai parl\u00e9 de moi, passons aux choses s\u00e9rieuses.<\/p>\n<p><\/p>\n<h4 id=\"shag-0-podgotovim-sayt\">\u00c9tape 0. Pr\u00e9parez le site<\/h4>\n<p><\/p>\n<p>Tout d'abord, nous aurons besoin d'un site que nous souhaitons h\u00e9berger sur Internet. \u00c9tant d\u00e9veloppeur Angular, je vais cr\u00e9er un simple mod\u00e8le d'application SPA que je vais ensuite h\u00e9berger sur Internet.<\/p>\n<p><\/p>\n<p>P.S. Ceux qui ma\u00eetrisent Angular ou connaissent sa documentation <noindex><a rel=\"nofollow\" href=\"https:\/\/angular.io\/guide\/setup-local\">https:\/\/angular.io\/guide\/setup-local<\/a><\/noindex>, passez \u00e0 <noindex><a rel=\"nofollow\" href=\"#step_one\">\u00c9tape 1<\/a><\/noindex>.<\/p>\n<p><\/p>\n<p>Nous allons installer Angular-CLI pour cr\u00e9er des sites SPA avec Angular :<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">npm install -g @angular\/cli<\/code><\/pre>\n<p><\/p>\n<p>Cr\u00e9ons une application Angular \u00e0 l'aide de la commande suivante :<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">ng new angular-habr-object-storage<\/code><\/pre>\n<p><\/p>\n<p>Ensuite, nous allons dans le dossier de l'application et la lan\u00e7ons pour v\u00e9rifier son bon fonctionnement :<\/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=\"Comment h\u00e9berger un site web statique avec Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/b76c141276a55be70a70659757d7b4b7.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>L'application a \u00e9t\u00e9 cr\u00e9\u00e9e, mais elle n'est pas encore pr\u00eate \u00e0 \u00eatre h\u00e9berg\u00e9e. Nous allons cr\u00e9er un petit build (Production) pour \u00e9liminer le superflu et ne garder que les fichiers n\u00e9cessaires.<br \/>\nDans Angular, cela peut \u00eatre fait avec la commande suivante :<\/p>\n<p><\/p>\n<pre><code class=\"plaintext\">ng build --prod<\/code><\/pre>\n<p><\/p>\n<p>En cons\u00e9quence de cette commande, un dossier est apparu \u00e0 la racine de l'application <code>dist<\/code> avec notre site.<\/p>\n<p><\/p>\n<p>\u00c7a fonctionne. Passons maintenant \u00e0 l'h\u00e9bergement.<\/p>\n<p>\n<noindex><a rel=\"nofollow\" name=\"step_one\"><\/a><\/noindex><\/p>\n<h4 id=\"shag-1\">\u00c9tape 1.<\/h4>\n<p><\/p>\n<p>Allons sur le site <noindex><a rel=\"nofollow\" href=\"https:\/\/console.cloud.yandex.ru\/\">https:\/\/console.cloud.yandex.ru\/<\/a><\/noindex> et nous cliquons sur le bouton &quot;Se connecter&quot;.<\/p>\n<p><\/p>\n<p>Remarque :<\/p>\n<p><\/p>\n<ul>\n<li>Pour utiliser le service Yandex, une adresse e-mail Yandex peut \u00eatre n\u00e9cessaire (mais ce n'est pas certain).<\/li>\n<li>Pour certaines fonctionnalit\u00e9s, il sera n\u00e9cessaire de d\u00e9poser de l'argent sur le compte dans l'espace personnel (minimum 500 roubles).<\/li>\n<\/ul>\n<p><\/p>\n<p>Apr\u00e8s une inscription et une connexion r\u00e9ussies, nous sommes dans l'espace personnel.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Comment h\u00e9berger un site web statique avec Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/8fafe5f673ccc2a877fd5c4ceed4c980.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Ensuite, \u00e0 gauche dans le menu, il faut trouver le service &quot;Object Storage&quot;, que nous allons utiliser pour h\u00e9berger le site.<\/p>\n<p><\/p>\n<p>En bref sur les termes :<\/p>\n<p><\/p>\n<ul>\n<li>Object Storage est un stockage de fichiers compatible avec la technologie similaire d'Amazon AWS S3, qui dispose \u00e9galement de son API pour g\u00e9rer le stockage \u00e0 partir du code et qui, comme AWS S3, peut \u00eatre utilis\u00e9 pour h\u00e9berger un site statique.<\/li>\n<li>Dans l'Object Storage, nous cr\u00e9ons des &quot;buckets&quot; (bucket \/ Corbeille), qui sont des espaces de stockage s\u00e9par\u00e9s pour nos fichiers.<\/li>\n<\/ul>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Comment h\u00e9berger un site web statique avec Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/6863139051aa8290dcb92b53427c693f.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Cr\u00e9ons l'un d'eux. Pour cela, dans la console du service, nous cliquons sur le bouton &quot;Cr\u00e9er un bucket&quot;.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Comment h\u00e9berger un site web statique avec Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/7b411629b018b3dea9b9f027f5a48efe.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Dans le formulaire de cr\u00e9ation de bucket, il y a les champs suivants, parcourons-les :<\/p>\n<p><\/p>\n<ul>\n<li>Nom du bucket. Pour simplifier, appelons-le comme le projet Angular \u2014 <code>angular-habr-object-storage<\/code><\/li>\n<li>Taille max. Mettons autant que p\u00e8se notre site, car le site n'est pas stock\u00e9 gratuitement et pour chaque gigaoctet attribu\u00e9, nous devrons payer quelques centimes \u00e0 Yandex.<\/li>\n<li>Acc\u00e8s en lecture des objets. Nous choisissons &quot;Public&quot;, car l'utilisateur doit pouvoir obtenir chaque fichier de notre site statique pour que la mise en page s'affiche correctement, que les scripts fonctionnent, etc.<\/li>\n<li>Acc\u00e8s \u00e0 la liste des objets et acc\u00e8s en lecture des param\u00e8tres. Nous laissons &quot;Restreint&quot;. Cela est n\u00e9cessaire pour utiliser le bucket comme stockage interne pour les fichiers des applications.<\/li>\n<li>Classe de stockage. Nous laissons &quot;Standard&quot;. Cela signifie que notre site sera souvent visit\u00e9, et par cons\u00e9quent, les fichiers qui le composent seront souvent t\u00e9l\u00e9charg\u00e9s. De plus, ce point a un impact sur la performance et le co\u00fbt (ins\u00e9rer le lien).<\/li>\n<\/ul>\n<p><\/p>\n<p>Nous cliquons sur &quot;Cr\u00e9er un bucket&quot; et le bucket est cr\u00e9\u00e9.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Comment h\u00e9berger un site web statique avec Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/5f809534f58d62aea684d5365b0ec61a.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Nous devons maintenant t\u00e9l\u00e9charger notre site dans le bucket. Le moyen le plus simple est d'ouvrir un dossier \u00e0 c\u00f4t\u00e9 de notre site <code>dist<\/code> notre site et le faire glisser directement sur la page. C'est plus pratique que de cliquer sur le bouton &quot;T\u00e9l\u00e9charger des objets&quot;, car dans ce cas, les dossiers ne sont pas transf\u00e9r\u00e9s et doivent \u00eatre cr\u00e9\u00e9s manuellement dans le bon ordre.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Comment h\u00e9berger un site web statique avec Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/94b76639a6bdf65da3ebce99a4595879.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Ainsi, le site est t\u00e9l\u00e9charg\u00e9 dans le stockage, et nous pouvons permettre aux utilisateurs d'acc\u00e9der au stockage comme s'il s'agissait d'un site.<br \/>\nPour cela, \u00e0 gauche dans le menu, nous cliquons sur l'onglet &quot;Site Web&quot;.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Comment h\u00e9berger un site web statique avec Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/5489c8743ca0e5e467c681ff52bbf103.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Sur la page de configuration du bucket en tant que site, nous choisissons l'onglet &quot;H\u00e9bergement&quot;. Ici, nous pr\u00e9cisons la page principale du site, qui est g\u00e9n\u00e9ralement index.html. Si vous avez une application SPA, il est probable que toutes les erreurs soient \u00e9galement g\u00e9r\u00e9es sur la page principale, donc nous indiquerons \u00e9galement index.html sur la page des erreurs.<\/p>\n<p><\/p>\n<p>Nous voyons imm\u00e9diatement par quel lien notre site sera accessible. Cliquons sur enregistrer.<\/p>\n<p><\/p>\n<p>Dans environ cinq minutes, en acc\u00e9dant au lien, nous pouvons voir que notre site est maintenant accessible \u00e0 tous.<\/p>\n<p><\/p>\n<p><img decoding=\"async\" alt=\"Comment h\u00e9berger un site web statique avec Yandex.Cloud Object Storage\" src=\"\/wp-content\/uploads\/2020\/07\/0dae2f46c7793228de0789ef3d7fddb3.png\" style=\"display:block;margin: 0 auto;\" \/><\/p>\n<p><\/p>\n<p>Merci \u00e0 tous ceux qui ont lu jusqu'\u00e0 la fin ! C'est mon premier article, je pr\u00e9vois de d\u00e9crire d'autres services de Yandex et leur int\u00e9gration avec les technologies frontend et backend.<\/p>\n<p><\/p>\n<p>\u00c9crivez dans les commentaires \u00e0 quel point il vous serait int\u00e9ressant de conna\u00eetre d'autres services de Yandex ou sur l'utilisation d'Angular dans le d\u00e9veloppement moderne.<\/p>\n<p>Source : <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.2 - 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\/fr\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"fr_FR\" \/>\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\/fr\/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\udd47Comment h\u00e9berger un site statique avec Yandex.Cloud Object Storage | ProHoster","description":"Bonjour, Habr ! Dans cet article, je vais vous montrer comment h\u00e9berger facilement un site statique en utilisant les technologies Yandex, en particulier le stockage d'objets. \u00c0 la fin, vous aurez.","canonical_url":"https:\/\/prohoster.info\/fr\/blog\/administrirovanie\/kak-razmestit-staticheskij-sajt-s-pomoshhyu-yandex-cloud-object-storage","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"fr_FR","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\/fr\/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\/fr\/wp-json\/wp\/v2\/posts\/89294","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/comments?post=89294"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts\/89294\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/media\/89295"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/media?parent=89294"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/categories?post=89294"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/tags?post=89294"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}