Yandex.Cloud ObjectStorageを使用して静的Webサイトをホストする方法

こんにちは、Habr！

この記事では、私はそれがYandexの技術を使用して静的なサイトをホストすることがいかに簡単であるかを教えてくれます、すなわちストレージオブジェクト。

最後に、外部リンクを介してアクセスできるWebホストサイトが作成されます。

この記事はあなたが

• プログラミングを学んでいる初心者の開発者。
• ポートフォリオを作成し、それを公開して友人や雇用主に見せたいと考えている開発者。

自分自身について

最近、私はSaaSサービスを開発しました。これは、人々が個人的なトレーニングのためのスポーツトレーナーを見つける一種のマーケットプレイスです。Amazon Web Servicesスタック（以下AWS）を使用しました。しかし、プロジェクトに深く踏み込むほど、スタートアップを組織するさまざまなプロセスについてより多くのニュアンスを学びました。

私は次の問題に遭遇しました：

• AWSはたくさんのお金を消費していました。エンタープライズ企業で3年間働いた後、Docker、Kubernetes、CI / CD、ブルーグリーンの展開などの喜びに慣れ、初心者のスタートアッププログラマーとして、同じことを実装したいと思いました。その結果、AWSは毎月300〜400ドルを消費しているという結論に達しました。最も高価なのはKubernetesで、約100ドルで、1つのクラスターと1つのノードで最低給与が支払われました。
  
  PS最初は、これを行う必要はありません。
• 次に、法的な側面について考えると、「ロシア連邦の市民の個人データはロシア連邦の領土に保存されなければならない」という法律152-FZについて学びました。それ以外の場合は罰金が必要でした。「トップ」が来るまで、これらの問題に取り組むことにしました:)。

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 .

他のYandexサービスについて、または最新の開発でAngularを使用することについて学ぶことは、コメントにどれほど興味深いかを書いてください。