Cara menghosting situs statis menggunakan Yandex.Cloud Object Storage

Halo, Habr!

Pada artikel ini, saya akan memberi tahu Anda betapa mudahnya meng-host situs statis menggunakan teknologi Yandex, yaitu Object Storage .

Pada akhirnya, Anda akan memiliki situs yang dihosting web yang dapat diakses melalui tautan eksternal.

Artikel ini akan berguna jika Anda

• Pengembang pemula yang baru belajar pemrograman;
• Pengembang yang telah membuat portofolio dan ingin membuatnya tersedia untuk umum untuk ditampilkan kepada teman dan perusahaan.

Tentang diriku

Baru-baru ini, saya mengembangkan layanan SaaS, semacam pasar tempat orang menemukan pelatih olahraga untuk pelatihan pribadi. Menggunakan tumpukan Amazon Web Services (selanjutnya disebut AWS). Namun semakin dalam saya terjun ke proyek ini, semakin banyak nuansa yang saya pelajari tentang berbagai proses pengorganisasian sebuah startup.

Saya mengalami masalah berikut:

• AWS menghabiskan banyak uang. Setelah bekerja selama 3 tahun di perusahaan Enterprise, saya terbiasa dengan kegembiraan seperti Docker, Kubernetes, CI / CD, penerapan biru hijau, dan, sebagai programmer pemula pemula, saya ingin menerapkan hal yang sama. Sebagai hasilnya, saya sampai pada kesimpulan bahwa AWS menghabiskan 300-400 dolar setiap bulan. Yang paling mahal ternyata Kubernetes, sekitar 100 dolar, dengan gaji minimum dengan satu cluster dan satu node.
  
  NB Pada awalnya, Anda tidak perlu melakukan ini.
• Kemudian, memikirkan sisi hukumnya, saya belajar tentang UU 152-FZ, yang berbunyi sebagai berikut: "Data pribadi warga negara Federasi Rusia harus disimpan di wilayah Federasi Rusia" , jika tidak denda, yang tidak saya inginkan. Saya memutuskan untuk mengatasi masalah ini sampai "teratas" datang kepada saya :).

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 .

Tulis di komentar betapa menariknya bagi Anda untuk mempelajari tentang layanan Yandex lainnya atau tentang penggunaan Angular dalam perkembangan modern.