Kumaha host situs wéb statik nganggo Yandex.Cloud Object Storage

Héy Habr!

Dina tulisan ieu, kuring bakal nyarioskeun ka anjeun kumaha gampang sareng ngan saukur host halaman wéb statik nganggo téknologi Yandex, nyaéta obyek Panyimpenan.

Tungtungna, anjeun bakal gaduh halaman wéb anu di-host anu tiasa diaksés ngalangkungan tautan éksternal.

Tulisan ieu bakal mangpaat upami anjeun

• Pamekar pemula anu nembé diajar program;
• A pamekar anu geus nyieun portopolio sarta hayang nempatkeun eta dina domain publik pikeun nembongkeun ka babaturan na dunungan.

ngeunaan Kuring

Anyar-anyar ieu, kuring ngembangkeun jasa SaaS, jinis pasar dimana jalma mendakan pelatih olahraga pikeun latihan pribadi. Nganggo tumpukan Amazon Web Services (saterusna disebut AWS). Tapi langkung jero kuring teuleum kana proyék, langkung seueur nuansa kuring diajar ngeunaan prosés anu béda pikeun ngatur ngamimitian.

Kuring ngalaman masalah di handap ieu:

• AWS ieu meakeun loba duit. Saatos damel 3 taun di perusahaan Perusahaan, kuring biasa pikeun kabagjaan sapertos Docker, Kubernetes, CI / CD, panyebaran héjo biru, sareng, salaku programer ngamimitian anu cita-cita, kuring hoyong ngalaksanakeun anu sami. Hasilna, kuring sumping ka kacindekan yén AWS dikonsumsi 300-400 bucks bulanan. Kubernetes tétéla paling mahal, sakitar 100 dolar, kalayan upah minimum hiji klaster sareng hiji titik.
  PS Henteu kedah ngalakukeun ieu di mimiti.
• Teras, mikiran sisi hukum, kuring diajar ngeunaan hukum 152-FZ, anu nyarios sapertos kieu: "Data pribadi warga Féderasi Rusia kudu disimpen dina wewengkon Féderasi Rusia", disebutkeun fines, nu kuring teu hayang. Kuring mutuskeun pikeun nungkulan masalah ieu sateuacan sumping ka kuring ti luhur :).

Diideuan artikel ngeunaan migrasi infrastruktur ti Amazon Web Services ka Yandex.Cloud, kuring mutuskeun pikeun diajar tumpukan Yandex sacara langkung rinci.

Pikeun kuring, fitur konci Yandex.Cloud nyaéta kieu:

• 2-3 kali langkung mirah (nurutkeun artikel di luhur sareng daptar harga umum)
• Panyimpen data pribadi pangguna di daérah Féderasi Rusia, nu Amazon hébat teu acan tiasa ngahontal.

Kuring diajar pesaing séjén tina jasa ieu, tapi dina waktu éta Yandex meunang.

Abdi parantos nyarioskeun ka anjeun ngeunaan diri kuring, supados urang tiasa turun kana bisnis.

Lengkah 0. Nyiapkeun loka

Kahiji, urang peryogi ramatloka nu urang rék nempatkeun dina Internet. Kusabab kuring pamekar sudut, kuring bakal ngadamel template aplikasi SPA saderhana, anu kuring teras-terasan dipasang dina Internét.

PS Saha understands sudut atanapi terang ngeunaan dokuméntasi na https://angular.io/guide/setup-local, indit ka Lengkah 1.

Hayu urang pasang Angular-CLI pikeun nyiptakeun situs SPA di Angular:

npm install -g @angular/cli

Hayu urang ngadamel aplikasi Angular nganggo paréntah di handap ieu:

ng new angular-habr-object-storage

Salajengna, buka folder aplikasi tur ngajalankeun eta pikeun pariksa pungsionalitasna:

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

aplikasi nu geus dijieun, tapi teu acan siap pikeun hosting. Hayu urang ngumpul aplikasi kana wangunan leutik (Produksi) pikeun miceun sagala hal nu teu perlu jeung ninggalkeun ngan file perlu.
Dina Angular anjeun tiasa ngalakukeun ieu ku paréntah di handap ieu:

ng build --prod

Salaku hasil tina paréntah ieu, polder muncul dina akar aplikasi dist kalawan ramatloka kami.

Gawéna. Ayeuna hayu urang ngalih ka hosting.

Lengkah 1.

Hayu urang buka situs https://console.cloud.yandex.ru/ tur klik dina tombol "Sambungkeun".

Catetan:

• Pikeun nganggo jasa Yandex, anjeun panginten peryogi surat Yandex (tapi ieu henteu pasti)
• Kanggo sababaraha fungsi anjeun kedah nyimpen artos kana akun anjeun dina akun pribadi anjeun (minimal 500 rubles).

Saatos pendaptaran suksés sareng otorisasina, kami aya dina akun pribadi anjeun.

Teras di kénca dina ménu anjeun kedah milarian jasa "Objék Panyimpenan", anu bakal kami anggo pikeun hosting situs.

Sacara ringkes:

• Panyimpenan Obyék nyaéta panyimpen file anu cocog sareng téknologi AWS S3 Amazon anu sami, anu ogé gaduh API sorangan pikeun ngatur panyimpenan tina kode sareng, sapertos AWS S3, tiasa dianggo pikeun host situs statik.
• Dina Panyimpenan Obyék kami nyiptakeun "ember" (ember), anu mangrupikeun tempat panyimpen anu misah pikeun file kami.

Hayu urang nyieun salah sahijina. Jang ngalampahkeun ieu, dina konsol layanan, klik dina tombol "Jieun ember".

Formulir pikeun nyieun ember boga widang di handap ieu, hayu urang ngaliwatan aranjeunna:

• Ngaran ember. Pikeun kesederhanaan, hayu urang nyauran proyék anu sami sareng Angular - angular-habr-object-storage
• Max. ukuran. Urang bet saloba situs urang weighs, saprak situs teu disimpen haratis sarta pikeun tiap gigabyte disadiakeun, urang bakal mayar Yandex a Penny geulis.
• Aksés pikeun maca objék. Kami nyetél éta "Publik", sabab pangguna kedah nampi unggal file tina situs statik kami supados perenahna tiasa digambar kalayan leres, naskah tiasa diolah, jsb.
• Aksés ka daptar objék sareng Aksés pikeun maca setélan. Ninggalkeun salaku "Terbatas". Ieu diperlukeun pikeun ngagunakeun ember salaku panyimpenan file internal pikeun aplikasi.
• kelas gudang. Ninggalkeun salaku "Standar". Ieu ngandung harti yén situs urang bakal sering dilongok, sarta ku kituna file nu nyieun loka bakal remen diundeur. Tambah item mangaruhan kinerja sarta pembayaran (sisipkeun link).

Pencét "Jieun ember" sareng ember didamel.

Ayeuna urang kedah unggah situs urang kana ember. Cara panggampangna nyaéta muka polder caket dieu dist situs urang jeung sered langsung kana kaca ngagunakeun handles. Ieu langkung saé tibatan ngaklik tombol "Muat objék", sabab dina hal ieu polder henteu ditransfer sareng anjeun kedah nyiptakeunana sacara manual dina urutan anu leres.

Janten, situsna dimuat kana panyimpen, ku kituna urang tiasa masihan pangguna kasempetan pikeun ngaksés neundeun salaku halaman wéb.
Jang ngalampahkeun ieu, di sisi kénca menu, klik dina tab "Website".

Dina halaman pikeun nyetél ember salaku situs, pilih tab "Hosting". Di dieu urang nunjukkeun halaman utama situs, biasana index.html. Upami anjeun gaduh aplikasi SPA, sigana sadaya kasalahan ogé diolah dina halaman utama, janten kami ogé bakal nunjukkeun index.html dina halaman kasalahan.

Urang langsung ningali link mana situs urang bakal diaksés ngaliwatan. Pencét simpen.

Saatos sakitar 5 menit, ngaklik tautan, kami ningali yén situs kami ayeuna sayogi pikeun sadayana.

Hatur nuhun ka dulur anu maca nepi ka ahir! Ieu mangrupikeun tulisan munggaran kuring; Abdi badé ngajelaskeun langkung seueur jasa Yandex sareng integrasina sareng téknologi frontend sareng backend.

Tulis dina koméntar kumaha kabetot anjeun diajar ngeunaan jasa Yandex anu sanés atanapi ngeunaan panggunaan Angular dina pangwangunan modéren.

sumber: www.habr.com