Como hospedar um site estático usando Yandex.Cloud Object Storage

Olá, Habr!

Neste artigo, vou explicar como hospedar um site estático de maneira fácil e fácil usando tecnologias Yandex, ou seja, armazenamento de objetos .

No final, você terá um site hospedado na web que poderá ser acessado por meio de um link externo.

Este artigo será útil se você

• Desenvolvedor novato que está aprendendo programação;
• Um desenvolvedor que fez um portfólio e deseja torná-lo público para mostrar a amigos e empregadores.

Sobre mim

Recentemente, desenvolvi um serviço SaaS, uma espécie de mercado onde as pessoas encontram treinadores esportivos para treinamento pessoal. Usou a pilha de Amazon Web Services (doravante AWS). Mas quanto mais eu mergulhava no projeto, mais nuances aprendia sobre os diferentes processos de organização de uma startup.

Encontrei os seguintes problemas:

• A AWS estava consumindo muito dinheiro. Depois de trabalhar por 3 anos em empresas corporativas, me acostumei com alegrias como Docker, Kubernetes, CI / CD, implantação azul verde e, como um programador de startups novato, queria implementar a mesma coisa. Como resultado, cheguei à conclusão de que a AWS mensal consumia 300-400 dólares. O mais caro acabou sendo o Kubernetes, cerca de 100 dólares, com um salário mínimo com um cluster e um nó.
  
  PS No início, você não precisa fazer isso.
• Então, pensando no lado jurídico, aprendi sobre a Lei 152-FZ, que dizia algo como o seguinte: "Os dados pessoais dos cidadãos da Federação Russa devem ser armazenados no território da Federação Russa" , caso contrário, multas, que eu não queria. Decidi abordar essas questões até que "de cima" veio até mim :).

Amazon Web Services ., .

. :

• 2-3 ( )
• , .

, .

, .

0.

, . Angular , SPA , .

P.S. Angular https://angular.io/guide/setup-local, 1.

Angular-CLI SPA- :

npm install -g @angular/cli

Angular :

ng new angular-habr-object-storage

, :

cd angular-habr-object-storage
ng serve --open

, . (Production), .

:

ng build --prod

dist .

. .

1.

https://console.cloud.yandex.ru/ "".

:

• ( )
• ( 500 ).

, .

"Object Storage", .

:

• Object Storage — , AWS S3, API AWS S3 .
• Object Storage "" (bucket / ), .

. " ".

, :

• . , — angular-habr-object-storage
• . . , , , .
• . "", , , .
• . "". , .
• . "". , , , . ( ).

" " .

. — dist . , " ", .

, , , .

"-".

, "". , index.html. SPA , , index.html.

, . .

5, .

! , frontend backend .

Escreva nos comentários como é interessante para você aprender sobre outros serviços Yandex ou sobre o uso do Angular no desenvolvimento moderno.