හෙලෝ, හබ්ර්!
මෙම ලිපියෙන්, Yandex තාක්ෂණයන් භාවිතයෙන් ස්ථිතික වෙබ් අඩවියක් පහසුවෙන් සහ සරලව සත්කාරකත්වය කරන්නේ කෙසේදැයි මම ඔබට කියමි. වස්තු ගබඩා කිරීම.
අවසානයේදී, ඔබට බාහිර සබැඳියක් හරහා ප්‍රවේශ විය හැකි වෙබ් සත්කාරක වෙබ් අඩවියක් ඇත.
ඔබට මෙම ලිපිය ප්රයෝජනවත් වනු ඇත
- වැඩසටහන් කිරීමට ඉගෙන ගන්නා ආරම්භක සංවර්ධකයෙක්;
- කළඹක් සාදා ඇති සහ එය මිතුරන්ට සහ සේවා යෝජකයන්ට පෙන්වීමට එය පොදු වසමෙහි තැබීමට අවශ්ය සංවර්ධකයෙකි.
මම ගැන
මෑතකදී, මම SaaS සේවාවක් සංවර්ධනය කරමින් සිටියෙමි, මිනිසුන් පුද්ගලික පුහුණුව සඳහා ක්‍රීඩා පුහුණුකරුවන් සොයා ගන්නා වෙළඳපලකි. ඇමේසන් වෙබ් සේවා තොගය භාවිතා කර ඇත (මෙතැන් සිට AWS ලෙස හැඳින්වේ). නමුත් මම ව්‍යාපෘතියට ගැඹුරට කිමිදුණු තරමට, ආරම්භයක් සංවිධානය කිරීමේ විවිධ ක්‍රියාවලීන් ගැන මම ඉගෙන ගත් සූක්ෂ්මතා වැඩි විය.
මම පහත ගැටළු වලට මුහුණ දුන්නා:
- AWS විශාල මුදලක් පරිභෝජනය කළේය. එන්ටර්ප්‍රයිස් සමාගම්වල වසර 3ක් සේවය කර ඇති මට, ඩොකර්, කුබර්නෙටස්, සීඅයි/සීඩී, බ්ලූ ග්‍රීන් ඩිප්ලෝයිමන්ට් වැනි ප්‍රීතිවලට හුරු වූ අතර, අපේක්ෂා කරන ආරම්භක ක්‍රමලේඛකයෙකු ලෙස මට එය ක්‍රියාත්මක කිරීමට අවශ්ය විය. එහි ප්රතිඵලයක් වශයෙන්, AWS මාසිකව රුපියල් 300-400 ක් පරිභෝජනය කරන බව මම නිගමනය කළෙමි. කුබර්නෙටස් රුපියල් 100 ක් පමණ වන මිල අධිකම එකක් බවට පත් විය, අවම වැටුපක් පොකුරු එකක් සහ එක් නෝඩ් එකක් විය.
PS ආරම්භයේදීම මෙය කිරීමට අවශ්ය නැත. - ඊළඟට, නීතිමය පැත්ත ගැන සිතමින්, මම 152-FZ නීතිය ගැන ඉගෙන ගත්තෙමි, එය පහත සඳහන් දේ සඳහන් කළේය: "රුසියානු සමූහාණ්ඩුවේ පුරවැසියන්ගේ පුද්ගලික දත්ත රුසියානු සමූහාණ්ඩුවේ භූමියේ ගබඩා කළ යුතුය", නැතිනම් දඩ, මට අවශ්ය නැත. ඉහතින් මා වෙත පැමිණීමට පෙර මෙම ගැටළු විසඳීමට මම තීරණය කළෙමි :).
දේවානුභාවයෙන් Amazon Web Services වෙතින් Yandex.Cloud වෙත යටිතල පහසුකම් සංක්‍රමණය කිරීම ගැන, මම Yandex තොගය වඩාත් විස්තරාත්මකව අධ්‍යයනය කිරීමට තීරණය කළෙමි.
මට නම්, Yandex.Cloud හි ප්‍රධාන ලක්ෂණ පහත පරිදි විය:
- 2-3 ගුණයකින් ලාභදායී (ඉහත ලිපිය සහ පොදු මිල ලැයිස්තු අනුව)
- , මහා ඇමේසන් තවමත් ලබා ගත නොහැකි.
මම මෙම සේවාවේ අනෙකුත් තරඟකරුවන් අධ්‍යයනය කළ නමුත් ඒ වන විට Yandex ජයග්‍රහණය කළේය.
මම ඔබට මා ගැන කීවෙමි, එබැවින් අපට කාරණයට බැස ගත හැකිය.
පියවර 0. වෙබ් අඩවිය සූදානම් කරන්න
පළමුව, අපට අන්තර්ජාලයේ තැබීමට අවශ්ය වෙබ් අඩවියක් අවශ්ය වේ. මම කෝණික සංවර්ධකයෙකු බැවින්, මම සරල SPA යෙදුම් අච්චුවක් සාදන්නෙමි, එය පසුව මම අන්තර්ජාලයේ පළ කරමි.
PS කෝණික තේරුම් ගන්නේ හෝ එහි ලේඛනගත කිරීම ගැන දන්නේ කවුද? , යන්න .
SPA අඩවි කෝණිකයෙන් සෑදීමට අපි Angular-CLI ස්ථාපනය කරමු:
npm install -g @angular/cliපහත විධානය භාවිතා කර කෝණික යෙදුමක් නිර්මාණය කරමු:
ng new angular-habr-object-storageඊළඟට, යෙදුම් ෆෝල්ඩරය වෙත ගොස් එහි ක්රියාකාරිත්වය පරීක්ෂා කිරීමට එය දියත් කරන්න:
cd angular-habr-object-storage
ng serve --open
යෙදුම නිර්මාණය කර ඇත, නමුත් තවමත් සත්කාරකත්වය සඳහා සූදානම් නැත. සියලුම අනවශ්‍ය දේවල් ඉවත් කර අවශ්ය ලිපිගොනු පමණක් ඉතිරි කිරීමට යෙදුම කුඩා ගොඩනැගීමකට (නිෂ්පාදනයට) එකලස් කරමු.
Angular දී ඔබට පහත විධානය සමඟ මෙය කළ හැකිය:
ng build --prodමෙම විධානයේ ප්රතිඵලයක් ලෙස, යෙදුමේ මූලයේ ෆෝල්ඩරයක් දර්ශනය විය dist අපගේ වෙබ් අඩවිය සමඟ.
කටයුතු. දැන් අපි Hosting වෙත යමු.
1 පියවර.
අපි සයිට් එකට යමු සහ "සම්බන්ධ කරන්න" බොත්තම මත ක්ලික් කරන්න.
සටහන:
- Yandex සේවාව භාවිතා කිරීමට, ඔබට Yandex තැපෑල අවශ්ය විය හැකිය (නමුත් මෙය නිශ්චිත නැත)
- සමහර කාර්යයන් සඳහා ඔබේ පුද්ගලික ගිණුමේ (අවම වශයෙන් රූබල් 500) ඔබේ ගිණුමට මුදල් තැන්පත් කිරීමට සිදුවනු ඇත.
සාර්ථක ලියාපදිංචිය සහ අවසරය ලැබීමෙන් පසු, අපි ඔබගේ පුද්ගලික ගිණුමේ සිටිමු.
ඊළඟට, මෙනුවේ වම් පසින් ඔබට “වස්තු ගබඩා” සේවාව සොයාගත යුතුය, එය අපි වෙබ් අඩවිය සත්කාරකත්වය සඳහා භාවිතා කරනු ඇත.
කෙටියෙන් කිවහොත්:
- Object Storage යනු Amazon හි සමාන AWS S3 තාක්‍ෂණයට අනුකූල ගොනු ගබඩාවකි, එයට කේතයෙන් ගබඩා කිරීම කළමනාකරණය කිරීම සඳහා තමන්ගේම API ඇති අතර AWS S3 වැනි ස්ථිතික වෙබ් අඩවියක් සත්කාරකත්වය සඳහා භාවිතා කළ හැකිය.
- Object Storage වලදී අපි "බාල්දි" (බාල්දි) සාදන්නෙමු, ඒවා අපගේ ගොනු සඳහා වෙනම ගබඩා ප්‍රදේශ වේ.
අපි ඒවායින් එකක් නිර්මාණය කරමු. මෙය සිදු කිරීම සඳහා, සේවා කොන්සෝලය තුළ, "Create bucket" බොත්තම මත ක්ලික් කරන්න.
බාල්දියක් නිර්මාණය කිරීමේ පෝරමයට පහත ක්ෂේත්‍ර ඇත, අපි ඒවා හරහා යමු:
- බකට් නම. සරල බව සඳහා, අපි ව්‍යාපෘතිය කෝණික ලෙසම හඳුන්වමු -
angular-habr-object-storage - උපරිම. ප්රමාණය. අපගේ වෙබ් අඩවියේ බර ප්‍රමාණයට අපි ඔට්ටු අල්ලන්නෙමු, වෙබ් අඩවිය නොමිලේ ගබඩා කර නොමැති අතර වෙන් කරන ලද එක් එක් ගිගාබයිට් සඳහා, අපි Yandex හට සතයක් ගෙවන්නෙමු.
- වස්තු කියවීමට ප්‍රවේශය. අපගේ ස්ථිතික වෙබ් අඩවියේ සෑම ගොනුවක්ම පරිශීලකයාට ලැබිය යුතු බැවින් අපි එය “පොදු” ලෙස සකසමු, එවිට පිරිසැලසුම නිවැරදිව ඇඳිය හැකිය, ස්ක්‍රිප්ට් සැකසීම යනාදිය.
- වස්තු ලැයිස්තුවට ප්‍රවේශය සහ සැකසුම් කියවීමට ප්‍රවේශය. එය "සීමිත" ලෙස තබන්න. යෙදුම් සඳහා අභ්යන්තර ගොනු ගබඩාවක් ලෙස බාල්දිය භාවිතා කිරීම සඳහා මෙය අවශ්ය වේ.
- ගබඩා පන්තිය. එය "සම්මත" ලෙස තබන්න. මෙයින් අදහස් කරන්නේ අපගේ වෙබ් අඩවියට නිතර නිතර පැමිණෙන බවත්, එම නිසා වෙබ් අඩවිය සෑදෙන ගොනු නිතර බාගත කරන බවත්ය. ප්ලස් අයිතමය කාර්ය සාධනය සහ ගෙවීමට බලපායි (සබැඳිය ඇතුල් කරන්න).
"බාල්දියක් සාදන්න" ක්ලික් කරන්න සහ බාල්දිය සාදනු ලැබේ.
දැන් අපි අපේ අඩවිය බාල්දියට උඩුගත කළ යුතුයි. පහසුම ක්‍රමය නම් අසල ඇති ෆෝල්ඩරයක් විවෘත කිරීමයි dist අපගේ වෙබ් අඩවිය සහ හසුරු භාවිතයෙන් එය කෙලින්ම පිටුවට ඇද දමන්න. “වස්තු පැටවීම” බොත්තම ක්ලික් කිරීමට වඩා මෙය වඩාත් පහසු වේ, මන්ද මෙම අවස්ථාවේදී ෆෝල්ඩර මාරු නොකරන අතර ඔබට ඒවා නිවැරදි අනුපිළිවෙලින් අතින් නිර්මාණය කිරීමට සිදුවනු ඇත.
එබැවින්, වෙබ් අඩවිය ගබඩාව තුළට පටවා ඇත, එබැවින් අපට වෙබ් අඩවියක් ලෙස ගබඩාවට ප්‍රවේශ වීමට පරිශීලකයින්ට අවස්ථාව ලබා දිය හැකිය.
මෙය සිදු කිරීම සඳහා, මෙනුවේ වම් පැත්තේ, "වෙබ් අඩවිය" ටැබය මත ක්ලික් කරන්න.
වෙබ් අඩවියක් ලෙස බාල්දියක් සැකසීම සඳහා පිටුවේ, "සත්කාරක" ටැබය තෝරන්න. මෙහිදී අපි වෙබ් අඩවියේ ප්‍රධාන පිටුව දක්වන්නෙමු, සාමාන්‍යයෙන් index.html. ඔබට SPA යෙදුමක් තිබේ නම්, බොහෝ විට සියලුම දෝෂ ප්‍රධාන පිටුවේ සකසනු ලැබේ, එබැවින් අපි දෝෂ පිටුවේ index.html ද සඳහන් කරන්නෙමු.
අපගේ වෙබ් අඩවියට පිවිසිය හැක්කේ කුමන සබැඳිය හරහාදැයි අපි වහාම දකිමු. සුරකින්න ක්ලික් කරන්න.
මිනිත්තු 5 කට පමණ පසු, සබැඳිය ක්ලික් කිරීමෙන්, අපගේ වෙබ් අඩවිය දැන් සෑම කෙනෙකුටම ලබා ගත හැකි බව අපට පෙනේ.
අවසානය දක්වා කියවූ සැමට ස්තුතියි! මෙය මගේ පළමු ලිපියයි; අනෙකුත් Yandex සේවාවන් සහ ඒවායේ ඉදිරිපස සහ පසුපෙළ තාක්ෂණයන් සමඟ ඒකාබද්ධ කිරීම තවදුරටත් විස්තර කිරීමට මම අදහස් කරමි.
වෙනත් Yandex සේවාවන් ගැන හෝ නවීන සංවර්ධනයේ කෝණික භාවිතය ගැන ඉගෙන ගැනීමට ඔබ උනන්දු වන්නේ කෙසේද යන්න අදහස් දැක්වීම්වල ලියන්න.
මූලාශ්රය: www.habr.com