Yandex.Cloud ఆబ్జెక్ట్ స్టోరేజీని ఉపయోగించి స్టాటిక్ వెబ్‌సైట్‌ను ఎలా హోస్ట్ చేయాలి

హే హబ్ర్!

ఈ వ్యాసంలో, Yandex టెక్నాలజీలను ఉపయోగించి స్టాటిక్ వెబ్‌సైట్‌ను సులభంగా మరియు సులభంగా ఎలా హోస్ట్ చేయాలో నేను మీకు చెప్తాను, అవి ఆబ్జెక్ట్ నిల్వ.

చివరికి, మీరు బాహ్య లింక్ ద్వారా యాక్సెస్ చేయగల వెబ్-హోస్ట్ చేసిన వెబ్‌సైట్‌ను కలిగి ఉంటారు.

మీరు ఉంటే ఈ వ్యాసం ఉపయోగకరంగా ఉంటుంది

• ప్రోగ్రామ్ చేయడం నేర్చుకుంటున్న ఒక అనుభవశూన్యుడు డెవలపర్;
• పోర్ట్‌ఫోలియోను రూపొందించిన డెవలపర్ మరియు దానిని స్నేహితులు మరియు యజమానులకు చూపించడానికి పబ్లిక్ డొమైన్‌లో ఉంచాలనుకుంటున్నారు.

నా గురించి

ఇటీవల, నేను SaaS సేవను అభివృద్ధి చేస్తున్నాను, వ్యక్తిగత శిక్షణ కోసం ప్రజలు క్రీడా శిక్షకులను కనుగొనే ఒక రకమైన మార్కెట్. Amazon వెబ్ సర్వీసెస్ స్టాక్‌ను ఉపయోగించారు (ఇకపై AWSగా సూచిస్తారు). కానీ నేను ప్రాజెక్ట్‌లో లోతుగా మునిగిపోయాను, స్టార్టప్‌ను నిర్వహించే వివిధ ప్రక్రియల గురించి నేను మరింత సూక్ష్మ నైపుణ్యాలను నేర్చుకున్నాను.

నేను ఈ క్రింది సమస్యలను ఎదుర్కొన్నాను:

• AWS చాలా డబ్బు వినియోగిస్తోంది. ఎంటర్‌ప్రైజ్ కంపెనీలలో 3 సంవత్సరాలు పనిచేసినందున, నేను డాకర్, కుబెర్నెట్స్, CI/CD, బ్లూ గ్రీన్ డిప్లాయ్‌మెంట్ వంటి ఆనందాలకు అలవాటు పడ్డాను మరియు ఔత్సాహిక స్టార్టప్ ప్రోగ్రామర్‌గా, నేను అదే అమలు చేయాలనుకున్నాను. ఫలితంగా, AWS నెలవారీ 300-400 బక్స్ వినియోగించినట్లు నేను నిర్ధారణకు వచ్చాను. ఒక క్లస్టర్ మరియు ఒక నోడ్ యొక్క కనీస వేతనంతో కుబెర్నెటెస్ అత్యంత ఖరీదైనది, దాదాపు 100 బక్స్.
  PS ప్రారంభంలో దీన్ని చేయవలసిన అవసరం లేదు.
• తరువాత, చట్టపరమైన పక్షం గురించి ఆలోచిస్తూ, నేను చట్టం 152-FZ గురించి తెలుసుకున్నాను, ఇది క్రింది విధంగా ఉంది: "రష్యన్ ఫెడరేషన్ యొక్క పౌరుల వ్యక్తిగత డేటా తప్పనిసరిగా రష్యన్ ఫెడరేషన్ యొక్క భూభాగంలో నిల్వ చేయబడాలి", లేకపోతే జరిమానాలు, నేను కోరుకోలేదు. పై నుండి నాకు రాకముందే ఈ సమస్యలను పరిష్కరించాలని నిర్ణయించుకున్నాను :).

ప్రేరణ పొందింది వ్యాసం అమెజాన్ వెబ్ సేవల నుండి Yandex.Cloudకి మౌలిక సదుపాయాలను మార్చడం గురించి, నేను Yandex స్టాక్‌ను మరింత వివరంగా అధ్యయనం చేయాలని నిర్ణయించుకున్నాను.

నాకు, Yandex.Cloud యొక్క ముఖ్య లక్షణాలు క్రిందివి:

• 2-3 రెట్లు తక్కువ ధర (పై కథనం మరియు పబ్లిక్ ధర జాబితాల ప్రకారం)
• రష్యన్ ఫెడరేషన్ యొక్క భూభాగంలో వినియోగదారుల వ్యక్తిగత డేటా నిల్వ, ఇది గొప్ప అమెజాన్ ఇంకా సాధించలేకపోయింది.

నేను ఈ సేవ యొక్క ఇతర పోటీదారులను అధ్యయనం చేసాను, కానీ ఆ సమయంలో Yandex గెలిచింది.

నేను నా గురించి మీకు చెప్పాను, కాబట్టి మేము వ్యాపారానికి దిగవచ్చు.

దశ 0. సైట్‌ను సిద్ధం చేయండి

ముందుగా, మనం ఇంటర్నెట్‌లో ఉంచాలనుకుంటున్న వెబ్‌సైట్ అవసరం. నేను కోణీయ డెవలపర్‌ని కాబట్టి, నేను ఒక సాధారణ SPA అప్లికేషన్ టెంప్లేట్‌ని తయారు చేస్తాను, దానిని నేను ఇంటర్నెట్‌లో పోస్ట్ చేస్తాను.

PS కోణీయతను అర్థం చేసుకున్న లేదా దాని డాక్యుమెంటేషన్ గురించి తెలుసు https://angular.io/guide/setup-local, వెళ్ళండి దశ 1.

కోణీయలో SPA సైట్‌లను సృష్టించడానికి Angular-CLIని ఇన్‌స్టాల్ చేద్దాం:

npm install -g @angular/cli

కింది ఆదేశాన్ని ఉపయోగించి కోణీయ అప్లికేషన్‌ను క్రియేట్ చేద్దాం:

ng new angular-habr-object-storage

తరువాత, అప్లికేషన్ ఫోల్డర్‌కి వెళ్లి, దాని కార్యాచరణను తనిఖీ చేయడానికి దాన్ని ప్రారంభించండి:

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

అప్లికేషన్ సృష్టించబడింది, కానీ హోస్టింగ్ కోసం ఇంకా సిద్ధంగా లేదు. అన్ని అనవసరమైన విషయాలను తీసివేయడానికి మరియు అవసరమైన ఫైల్‌లను మాత్రమే వదిలివేయడానికి అప్లికేషన్‌ను చిన్న బిల్డ్ (ప్రొడక్షన్)గా సమీకరించండి.
కోణీయలో మీరు ఈ క్రింది ఆదేశంతో దీన్ని చేయవచ్చు:

ng build --prod

ఈ ఆదేశం ఫలితంగా, అప్లికేషన్ యొక్క రూట్‌లో ఫోల్డర్ కనిపించింది dist మా వెబ్‌సైట్‌తో.

పనిచేస్తుంది. ఇప్పుడు హోస్టింగ్‌కి వెళ్దాం.

1 దశ.

సైట్‌కి వెళ్దాం https://console.cloud.yandex.ru/ మరియు "కనెక్ట్" బటన్ పై క్లిక్ చేయండి.

గమనిక:

• Yandex సేవను ఉపయోగించడానికి, మీకు Yandex మెయిల్ అవసరం కావచ్చు (కానీ ఇది ఖచ్చితంగా కాదు)
• కొన్ని ఫంక్షన్ల కోసం మీరు మీ వ్యక్తిగత ఖాతాలో (కనీసం 500 రూబిళ్లు) మీ ఖాతాలోకి డబ్బు జమ చేయాలి.

విజయవంతమైన నమోదు మరియు అధికారం తర్వాత, మేము మీ వ్యక్తిగత ఖాతాలో ఉన్నాము.

మెనులో ఎడమ వైపున మీరు "ఆబ్జెక్ట్ స్టోరేజ్" సేవను కనుగొనవలసి ఉంటుంది, ఇది మేము సైట్‌ను హోస్ట్ చేయడానికి ఉపయోగిస్తాము.

క్లుప్తంగా పరంగా:

• ఆబ్జెక్ట్ స్టోరేజ్ అనేది అమెజాన్ యొక్క సారూప్య AWS S3 సాంకేతికతకు అనుకూలమైన ఫైల్ నిల్వ, ఇది కోడ్ నుండి నిల్వను నిర్వహించడానికి దాని స్వంత APIని కలిగి ఉంది మరియు AWS S3 వంటిది స్టాటిక్ సైట్‌ను హోస్ట్ చేయడానికి ఉపయోగించవచ్చు.
• ఆబ్జెక్ట్ స్టోరేజీలో మనం "బకెట్లు" (బకెట్లు) సృష్టిస్తాము, అవి మన ఫైల్‌ల కోసం ప్రత్యేక నిల్వ ప్రాంతాలు.

వాటిలో ఒకదాన్ని సృష్టిద్దాం. దీన్ని చేయడానికి, సర్వీస్ కన్సోల్‌లో, "బకెట్ సృష్టించు" బటన్‌పై క్లిక్ చేయండి.

బకెట్‌ను సృష్టించే ఫారమ్ క్రింది ఫీల్డ్‌లను కలిగి ఉంది, వాటి ద్వారా వెళ్దాం:

• బకెట్ పేరు. సరళత కోసం, ప్రాజెక్ట్‌ను కోణీయంగా పిలుద్దాం - angular-habr-object-storage
• గరిష్టంగా పరిమాణం. సైట్ ఉచితంగా నిల్వ చేయబడనందున మరియు కేటాయించిన ప్రతి గిగాబైట్ కోసం, మేము మా సైట్ బరువున్నంత ఎక్కువ పందెం వేస్తాము, మేము Yandex కి అందమైన పెన్నీ చెల్లిస్తాము.
• వస్తువులను చదవడానికి యాక్సెస్. మేము దానిని "పబ్లిక్"కి సెట్ చేసాము, ఎందుకంటే వినియోగదారు మా స్టాటిక్ సైట్‌లోని ప్రతి ఫైల్‌ను తప్పనిసరిగా స్వీకరించాలి, తద్వారా దానిపై లేఅవుట్ సరిగ్గా గీయబడుతుంది, స్క్రిప్ట్‌లు ప్రాసెస్ చేయబడతాయి మొదలైనవి.
• వస్తువుల జాబితాకు యాక్సెస్ మరియు సెట్టింగ్‌లను చదవడానికి యాక్సెస్. "పరిమితం" అని వదిలేయండి. అప్లికేషన్‌ల కోసం అంతర్గత ఫైల్ నిల్వగా బకెట్‌ని ఉపయోగించడానికి ఇది అవసరం.
• నిల్వ తరగతి. దానిని "ప్రామాణికం"గా వదిలేయండి. దీని అర్థం మా సైట్ తరచుగా సందర్శించబడుతుందని మరియు అందువల్ల సైట్‌ను రూపొందించే ఫైల్‌లు తరచుగా డౌన్‌లోడ్ చేయబడతాయని అర్థం. ప్లస్ అంశం పనితీరు మరియు చెల్లింపును ప్రభావితం చేస్తుంది (లింక్‌ని చొప్పించు).

"బకెట్ సృష్టించు" క్లిక్ చేయండి మరియు బకెట్ సృష్టించబడుతుంది.

ఇప్పుడు మన సైట్‌ని బకెట్‌కి అప్‌లోడ్ చేయాలి. సమీపంలోని ఫోల్డర్‌ను తెరవడం సులభమయిన మార్గం dist మా సైట్ మరియు హ్యాండిల్స్ ఉపయోగించి దాన్ని నేరుగా పేజీలోకి లాగండి. "లోడ్ ఆబ్జెక్ట్స్" బటన్పై క్లిక్ చేయడం కంటే ఇది మరింత సౌకర్యవంతంగా ఉంటుంది, ఎందుకంటే ఈ సందర్భంలో ఫోల్డర్లు బదిలీ చేయబడవు మరియు మీరు వాటిని సరైన క్రమంలో మానవీయంగా సృష్టించాలి.

కాబట్టి, సైట్ నిల్వలోకి లోడ్ చేయబడింది, కాబట్టి మేము వినియోగదారులకు నిల్వను వెబ్‌సైట్‌గా యాక్సెస్ చేసే అవకాశాన్ని అందిస్తాము.
దీన్ని చేయడానికి, మెను యొక్క ఎడమ వైపున, "వెబ్‌సైట్" ట్యాబ్‌పై క్లిక్ చేయండి.

బకెట్‌ను సైట్‌గా సెటప్ చేయడానికి పేజీలో, "హోస్టింగ్" ట్యాబ్‌ను ఎంచుకోండి. ఇక్కడ మేము సైట్ యొక్క ప్రధాన పేజీని సూచిస్తాము, సాధారణంగా index.html. మీరు SPA అప్లికేషన్‌ని కలిగి ఉంటే, బహుశా అన్ని లోపాలు కూడా ప్రధాన పేజీలో ప్రాసెస్ చేయబడతాయి, కాబట్టి మేము లోపం పేజీలో index.htmlని కూడా సూచిస్తాము.

మా సైట్ ఏ లింక్ ద్వారా యాక్సెస్ చేయబడుతుందో మేము వెంటనే చూస్తాము. సేవ్ క్లిక్ చేయండి.

సుమారు 5 నిమిషాల తర్వాత, లింక్‌పై క్లిక్ చేయడం ద్వారా, మా సైట్ ఇప్పుడు అందరికీ అందుబాటులో ఉందని మేము చూస్తాము.

చివరి వరకు చదివిన ప్రతి ఒక్కరికీ ధన్యవాదాలు! ఇది నా మొదటి కథనం; నేను ఇతర Yandex సేవలను మరియు ఫ్రంటెండ్ మరియు బ్యాకెండ్ టెక్నాలజీలతో వాటి ఏకీకరణను మరింత వివరించడానికి ప్లాన్ చేస్తున్నాను.

ఇతర Yandex సేవల గురించి లేదా ఆధునిక అభివృద్ధిలో కోణీయ ఉపయోగం గురించి తెలుసుకోవడానికి మీకు ఎంత ఆసక్తి ఉందో వ్యాఖ్యలలో వ్రాయండి.

మూలం: www.habr.com