Эй Ҳабр!
Дар ин мақола, ман ба шумо мегӯям, ки чӣ гуна ба осонӣ ва ба осонӣ вебсайти статикиро бо истифода аз технологияҳои Яндекс ҷойгир кунед, яъне Нигоҳдории ашё.
Дар ниҳоят, шумо як вебсайте хоҳед дошт, ки тавассути истиноди беруна дастрас аст.
Ин мақола муфид хоҳад буд, агар шумо
- Таҳиягари навкор, ки ҳоло барномасозиро меомӯзад;
- Таҳиягаре, ки портфолио сохтааст ва мехоҳад онро дар домени ҷамъиятӣ ҷойгир кунад, то онро ба дӯстон ва корфармоён нишон диҳад.
Дар бораи худам
Ба наздикӣ ман як хидмати SaaS-ро таҳия мекардам, як навъ бозоре, ки дар он одамон тренерҳои варзиширо барои омӯзиши шахсӣ пайдо мекунанд. Стеки Amazon Web Services (минбаъд AWS номида мешавад) истифода шудааст. Аммо чӣ қадаре ки ман ба лоиҳа амиқтар шавам, ҳамон қадар нозукиҳои бештарро дар бораи равандҳои гуногуни ташкили стартап омӯхтам.
Ман бо мушкилоти зерин дучор шудам:
- AWS пули зиёдеро сарф мекард. Дар тӯли 3 сол дар ширкатҳои Enterprise кор карда, ман ба чунин хурсандӣ, ба монанди Docker, Kubernetes, CI/CD, ҷойгиркунии кабуди сабз одат кардам ва ҳамчун як барномасози стартап, ман мехостам, ки инро амалӣ кунам. Дар натиҷа, ман ба хулосае омадам, ки AWS ҳар моҳ 300-400 доллар истеъмол мекунад. Кубернетес гаронтарин буд, тақрибан 100 доллар бо маоши ҳадди ақали як кластер ва як гиреҳ.
PS Дар оғоз ин корро кардан лозим нест. - Баъдан, дар бораи паҳлӯи ҳуқуқӣ фикр карда, ман дар бораи қонуни 152-ФЗ маълумот гирифтам, ки дар он чунин гуфта шудааст: "Маълумоти шахсии шаҳрвандони Федератсияи Русия бояд дар қаламрави Федератсияи Русия нигоҳ дошта шавад", дар акси ҳол ҷарима, ки ман намехостам. Ман қарор додам, ки ин масъалаҳоро пеш аз он ки аз боло ба ман расад, ҳал кунам :).
Илҳомбахш дар бораи интиқоли инфрасохтор аз Amazon Web Services ба Yandex.Cloud, ман тасмим гирифтам, ки стеки Яндексро муфассалтар омӯзам.
Барои ман, хусусиятҳои асосии Yandex.Cloud инҳо буданд:
- 2-3 маротиба арзонтар (мувофиқи мақолаи боло ва нархномаҳои давлатӣ)
- , ки Амазонкаи бузург хануз ба он ноил шуда наметавонад.
Ман дигар рақибони ин хидматро омӯхтам, аммо он вақт Яндекс ғолиб буд.
Ман ба шумо дар бораи худам гуфтам, то мо метавонем ба кор шурӯъ кунем.
Қадами 0. Сайтро омода кунед
Аввалан, ба мо вебсайте лозим аст, ки мо мехоҳем дар Интернет ҷойгир кунем. Азбаски ман як таҳиягари Angular ҳастам, ман як қолаби оддии барномаи SPA месозам, ки онро дар Интернет ҷойгир мекунам.
PS Касе, ки Angular-ро мефаҳмад ё ҳуҷҷатҳои онро медонад , равед .
Биёед Angular-CLI -ро насб кунем, то сайтҳои SPA дар Angular эҷод кунем:
npm install -g @angular/cliБиёед бо истифода аз фармони зерин барномаи Angular эҷод кунем:
ng new angular-habr-object-storageБаъдан, ба папкаи барнома равед ва онро оғоз кунед, то кори онро тафтиш кунед:
cd angular-habr-object-storage
ng serve --open
Барнома сохта шудааст, аммо ҳанӯз барои хостинг омода нест. Биёед барномаро ба як сохтори хурд (Истеҳсол) ҷамъ кунем, то ҳама чизҳои нолозимро нест кунем ва танҳо файлҳои заруриро гузорем.
Дар Angular шумо метавонед инро бо фармони зерин иҷро кунед:
ng build --prodДар натиҷаи ин фармон дар решаи барнома папка пайдо шуд dist бо вебсайти мо.
Кор мекунад. Акнун биёед ба хостинг гузарем.
Қадами 1.
Биёед ба сайт равем ва тугмаи "Пайваст" -ро клик кунед.
Эзоҳ:
- Барои истифодаи хидмати Яндекс, шояд ба шумо почтаи Yandex лозим аст (аммо ин аниқ нест)
- Барои баъзе вазифаҳо шумо бояд ба суратҳисоби худ дар суратҳисоби шахсии худ пул гузоред (ҳадди ақал 500 рубл).
Пас аз бомуваффақият сабти ном ва иҷозат, мо дар ҳисоби шахсии шумо ҳастем.
Минбаъд дар тарафи чапи меню шумо бояд хидмати "Нигоҳдории объект" -ро пайдо кунед, ки мо онро барои ҷойгиркунии сайт истифода хоҳем кард.
Ба таври мухтасар:
- Object Storage як нигаҳдории файл аст, ки бо технологияи шабеҳи AWS S3 Amazon мувофиқ аст, ки он инчунин API-и худро барои идоракунии нигаҳдорӣ аз код дорад ва ба монанди AWS S3 метавонад барои ҷойгиркунии сайти статикӣ истифода шавад.
- Дар нигаҳдории объект мо "сатилҳо" (сатилҳо) эҷод мекунем, ки барои файлҳои мо минтақаҳои алоҳидаи нигоҳдорӣ мебошанд.
Биёед яке аз онҳоро эҷод кунем. Барои ин, дар консоли хидматрасонӣ тугмаи "Сохтани сатил" -ро клик кунед.
Шакли эҷоди сатил дорои майдонҳои зерин аст, биёед онҳоро аз назар гузаронем:
- Номи қуттӣ. Барои соддагӣ, биёед лоиҳаро ҳамчун Angular меномем -
angular-habr-object-storage - Макс. андоза. Мо тахмин мезанем, ки сайти мо то андозае вазн дорад, зеро сайт ройгон нигоҳ дошта намешавад ва барои ҳар як гигабайти ҷудошуда мо ба Яндекс як динори зебо пардохт мекунем.
- Дастрасӣ ба объектҳои хондан. Мо онро ба "Ҷамъиятӣ" гузоштем, зеро корбар бояд ҳар як файли сайти статикии моро қабул кунад, то тарҳ дар он дуруст кашида шавад, скриптҳо коркард шаванд ва ғайра.
- Дастрасӣ ба рӯйхати объектҳо ва дастрасӣ ба танзимоти хониш. Онро ҳамчун "маҳдуд" тарк кунед. Ин барои истифодаи сатил ҳамчун нигаҳдории файлҳои дохилӣ барои барномаҳо зарур аст.
- Синфи нигоҳдорӣ. Онро ҳамчун "Стандарт" тарк кунед. Ин маънои онро дорад, ки сайти мо зуд-зуд боздид карда мешавад ва аз ин рӯ файлҳое, ки сайтро ташкил медиҳанд, зуд-зуд бор карда мешаванд. Илова бар ин, ашё ба кор ва пардохт таъсир мерасонад (пайвандро ворид кунед).
"Сохтани сатил" -ро клик кунед ва сатил сохта мешавад.
Ҳоло мо бояд сайти худро ба сатил бор кунем. Роҳи осонтарини кушодани ҷузвдон дар наздикии он аст dist сайти мо ва бо истифода аз дастаки онро мустақиман ба саҳифа кашед. Ин назар ба пахш кардани тугмаи "Порбор кардани объектҳо" қулайтар аст, зеро дар ин ҳолат ҷузвдонҳо интиқол дода намешаванд ва шумо бояд онҳоро бо пайдарпаии дуруст дастӣ эҷод кунед.
Ҳамин тавр, сайт ба анбор бор карда шудааст, аз ин рӯ мо метавонем ба корбарон имкони дастрасӣ ба нигаҳдорӣ ҳамчун вебсайтро фароҳам орем.
Барои ин, дар тарафи чапи меню, ҷадвали "Вебсайт" -ро клик кунед.
Дар саҳифа барои насб кардани сатил ҳамчун сайт, ҷадвали "Хостинг" -ро интихоб кунед. Дар ин ҷо мо саҳифаи асосии сайтро нишон медиҳем, одатан index.html. Агар шумо барномаи SPA дошта бошед, пас эҳтимолан ҳамаи хатогиҳо низ дар саҳифаи асосӣ коркард мешаванд, аз ин рӯ мо дар саҳифаи хатогӣ index.html-ро низ нишон медиҳем.
Мо фавран мебинем, ки кадом истиноди сайти мо тавассути он дастрас хоҳад буд. Захира клик кунед.
Пас аз тақрибан 5 дақиқа, бо зер кардани истиноди мо мебинем, ки сайти мо ҳоло барои ҳама дастрас аст.
Ташаккур ба ҳамаи онҳое, ки то охир хонданд! Ин мақолаи аввалини ман аст; ман нақша дорам, ки минбаъд хидматҳои дигари Яндекс ва ҳамгироии онҳоро бо технологияҳои фронтенд ва қафоро тавсиф кунам.
Дар шарҳҳо нависед, ки то чӣ андоза шумо ба омӯхтани дигар хидматҳои Yandex ё дар бораи истифодаи Angular дар рушди муосир таваҷҷӯҳ доред.
Манбаъ: will.com