د Yandex.Cloud Object Storage په کارولو سره د جامد ویب پاڼې کوربه کولو څرنګوالی

اې حبره!

پدې مقاله کې ، زه به تاسو ته ووایم چې څنګه د Yandex ټیکنالوژیو په کارولو سره په اسانۍ او ساده ډول د جامد ویب پا hosting کوربه توب وکړئ ، د بیلګې په توګه د ذخیرې ذخیره.

په پای کې، تاسو به د ویب کوربه ویب پاڼه ولرئ چې د بهرني لینک له لارې به د لاسرسي وړ وي.

دا مقاله به ګټوره وي که تاسو

  • یو ابتکار جوړونکی چې یوازې د برنامه زده کوي؛
  • یو پرمخ وړونکی چې یو پورټ فولیو یې جوړ کړی او غواړي دا په عامه ډومین کې ځای په ځای کړي ترڅو ملګرو او کارګمارونکو ته یې وښیې.

زما په اړه

پدې وروستیو کې ، ما د SaaS خدمت رامینځته کړی ، یو ډول بازار چیرې چې خلک د شخصي روزنې لپاره د سپورت روزونکي لټوي. د ایمیزون ویب خدماتو سټیک کارول شوی (له دې وروسته د AWS په نوم یادیږي). مګر هرڅومره چې ما پروژې ته ژوره ډوبه کړه ، نو ما د پیل تنظیم کولو مختلف پروسو په اړه ډیر باریکونه زده کړل.

زه د لاندې ستونزو سره مخ شوم:

  • AWS ډیرې پیسې مصرف کړې. په تصدۍ شرکتونو کې د 3 کلونو لپاره کار کولو سره ، زه د داسې خوښیو سره عادت شوم لکه ډاکر ، کوبرنیټس ، CI/CD ، نیلي شنه ګمارنه ، او د پیل کولو غوښتونکي برنامې په توګه ، ما غوښتل ورته پلي کړم. د پایلې په توګه، زه دې پایلې ته ورسیدم چې AWS په میاشت کې 300-400 ډالر مصرفوي. Kubernetes د یو کلستر او یو نوډ لږ تر لږه معاش سره، د 100 ډالرو په اړه خورا ګران و.
    PS په پیل کې دا کولو ته اړتیا نشته.
  • بیا، د قانوني اړخ په اړه فکر کول، ما د قانون 152-FZ په اړه زده کړه وکړه، کوم چې د لاندې په څیر یو څه وویل: "د روسیې د فدراسیون د اتباعو شخصي معلومات باید د روسیې د فدراسیون په خاوره کې زیرمه شي"، که نه نو جریمه، کوم چې ما نه غوښتل. ما پریکړه وکړه چې دا مسلې حل کړم مخکې لدې چې دا له پورته څخه ماته راشي :).

الهام شوی مقاله د ایمیزون ویب خدماتو څخه Yandex.Cloud ته د زیربنا مهاجرت په اړه، ما پریکړه وکړه چې د Yandex سټیک په ډیر تفصیل سره مطالعه کړم.

زما لپاره، د Yandex.Cloud کلیدي ځانګړتیاوې په لاندې ډول وې:

ما د دې خدمت نور سیالان مطالعه کړل، مګر په دې وخت کې Yandex ګټلی و.

ما تاسو ته د خپل ځان په اړه وویل، نو موږ کولی شو سوداګرۍ ته لاړ شو.

مرحله 0. سایټ چمتو کړئ

لومړی، موږ یوې ویب پاڼې ته اړتیا لرو چې موږ یې په انټرنیټ کې ځای پرځای کول غواړو. څرنګه چې زه د انګولر پراختیا کونکی یم، زه به د SPA غوښتنلیک یو ساده ټیمپلیټ جوړ کړم، کوم چې زه به بیا په انټرنیټ کې پوسټ کړم.

PS څوک چې انګولر پوهیږي یا د دې اسنادو په اړه پوهیږي https://angular.io/guide/setup-local، ورتګ 1 ګام.

راځئ چې په Angular کې د SPA سایټونو رامینځته کولو لپاره Angular-CLI نصب کړو:

npm install -g @angular/cli

راځئ چې د لاندې کمانډ په کارولو سره زاویه غوښتنلیک جوړ کړو:

ng new angular-habr-object-storage

بیا، د غوښتنلیک فولډر ته لاړ شئ او د دې فعالیت چک کولو لپاره یې پیل کړئ:

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

د Yandex.Cloud Object Storage په کارولو سره د جامد ویب پاڼې کوربه کولو څرنګوالی

اپلیکیشن جوړ شوی، مګر لاهم د کوربه توب لپاره چمتو ندی. راځئ چې اپلیکیشن په کوچني جوړښت (تولید) کې راټول کړو ترڅو ټول غیر ضروري شیان لرې کړو او یوازې اړین فایلونه پریږدو.
په Angular کې تاسو کولی شئ دا د لاندې کمانډ سره ترسره کړئ:

ng build --prod

د دې قوماندې په پایله کې، د غوښتنلیک په ریښه کې یو فولډر ښکاره شو dist زموږ د ویب پاڼې سره.

کار کوي. اوس راځئ چې کوربه توب ته لاړ شو.

1 پړاو.

راځئ چې سایټ ته لاړ شو https://console.cloud.yandex.ru/ او د "ونښلول" تڼۍ کلیک وکړئ.

نوټ:

  • د Yandex خدمت کارولو لپاره، تاسو ممکن د Yandex میل ته اړتیا ولرئ (مګر دا ډاډه نه ده)
  • د ځینو دندو لپاره تاسو باید پیسې په خپل شخصي حساب کې (لږترلږه 500 روبله) ته وسپارئ.

د بریالي ثبت او واک ورکولو وروسته، موږ ستاسو په شخصي حساب کې یو.

د Yandex.Cloud Object Storage په کارولو سره د جامد ویب پاڼې کوربه کولو څرنګوالی

په مینو کې ښي خوا ته تاسو اړتیا لرئ د "آبجیکٹ ذخیره" خدمت ومومئ ، کوم چې موږ به د سایټ کوربه کولو لپاره وکاروو.

په لنډه توګه:

  • د آبجیکٹ ذخیره د فایل ذخیره ده چې د ایمیزون ورته AWS S3 ټیکنالوژۍ سره مطابقت لري، کوم چې د کوډ څخه د ذخیره کولو اداره کولو لپاره خپل API هم لري او د AWS S3 په څیر، د جامد سایټ کوربه کولو لپاره کارول کیدی شي.
  • په آبجیکٹ ذخیره کې موږ "بالټ" (بالټ) جوړوو، کوم چې زموږ د فایلونو لپاره جلا ذخیره ځایونه دي.

د Yandex.Cloud Object Storage په کارولو سره د جامد ویب پاڼې کوربه کولو څرنګوالی

راځئ چې یو له دوی څخه جوړ کړو. د دې کولو لپاره، د خدماتو کنسول کې، د "بالټ جوړ کړئ" تڼۍ باندې کلیک وکړئ.

د Yandex.Cloud Object Storage په کارولو سره د جامد ویب پاڼې کوربه کولو څرنګوالی

د بالټ جوړولو فورمه لاندې ساحې لري، راځئ چې دوی ته لاړ شو:

  • د بکس نوم. د سادګۍ لپاره، راځئ چې پروژې ته ورته زاویې ووایو - angular-habr-object-storage
  • Max. اندازه موږ شرط لرو څومره چې زموږ سایټ وزن لري، ځکه چې سایټ وړیا نه ذخیره کیږي او د هر تخصیص شوي ګیګابایټ لپاره، موږ به Yandex ته یو ښه پیسې ورکړو.
  • د شیانو لوستلو ته لاسرسی. موږ دا "عامه" ته وټاکه، ځکه چې کاروونکي باید زموږ د جامد سایټ هر فایل ترلاسه کړي ترڅو ترتیب په سمه توګه رسم شي، سکریپټونه پروسس شي، او نور.
  • د شیانو لیست ته لاسرسی او د لوستلو ترتیباتو ته لاسرسی. دا د "محدود" په توګه پریږدئ. دا د غوښتنلیکونو لپاره د داخلي فایل ذخیره کولو په توګه د بالټ کارولو لپاره اړین دی.
  • د ذخیره کولو ټولګي. دا د "معیاري" په توګه پریږدئ. دا پدې مانا ده چې زموږ سایټ به په مکرر ډول لیدل کیږي ، او له همدې امله هغه فایلونه چې سایټ جوړوي په مکرر ډول ډاونلوډ کیږي. پلس توکي په فعالیت او تادیه اغیزه کوي (لینک داخل کړئ).

"یو بالټ جوړ کړئ" کلیک وکړئ او بالټ جوړیږي.

د Yandex.Cloud Object Storage په کارولو سره د جامد ویب پاڼې کوربه کولو څرنګوالی

اوس موږ اړتیا لرو چې خپل سایټ بالټ ته پورته کړو. ترټولو اسانه لاره دا ده چې نږدې فولډر خلاص کړئ dist زموږ سایټ او د لاسوندونو په کارولو سره مستقیم مخ ته کش کړئ. دا د "لوډ توکي" تڼۍ باندې کلیک کولو څخه ډیر اسانه دی، ځکه چې پدې حالت کې فولډر نه لیږدول کیږي او تاسو باید په سمه توګه په لاسي ډول جوړ کړئ.

د Yandex.Cloud Object Storage په کارولو سره د جامد ویب پاڼې کوربه کولو څرنګوالی

نو، سایټ په ذخیره کې بار شوی، نو موږ کولی شو کاروونکو ته د ویب پاڼې په توګه د ذخیره کولو فرصت برابر کړو.
د دې کولو لپاره، د مینو په ښي خوا کې، د "ویب پاڼې" ټب باندې کلیک وکړئ.

د Yandex.Cloud Object Storage په کارولو سره د جامد ویب پاڼې کوربه کولو څرنګوالی

د سایټ په توګه د بالټ تنظیم کولو لپاره په پاڼه کې، د "کوربه" ټب غوره کړئ. دلته موږ د سایټ اصلي پاڼه په ګوته کوو، معمولا index.html. که تاسو د SPA غوښتنلیک لرئ، نو شاید ټولې تېروتنې هم په اصلي پاڼه کې پروسس شوي وي، نو موږ به د خطا پاڼې کې index.html هم په ګوته کړو.

موږ سمدلاسه وګورو چې زموږ سایټ به د کوم لینک له لارې د لاسرسي وړ وي. په خوندي کولو کلیک وکړئ.

د شاوخوا 5 دقیقو وروسته ، په لینک کلیک کولو سره ، موږ ګورو چې زموږ سایټ اوس د هرچا لپاره شتون لري.

د Yandex.Cloud Object Storage په کارولو سره د جامد ویب پاڼې کوربه کولو څرنګوالی

د هرچا څخه مننه چې تر پایه یې لوستل! دا زما لومړۍ مقاله ده؛ زه پلان لرم چې نور د Yandex خدمتونه او د فرنټ اینڈ او بیک انډ ټیکنالوژیو سره د دوی ادغام تشریح کړم.

په نظرونو کې ولیکئ چې تاسو د نورو Yandex خدماتو یا په عصري پراختیا کې د انګول کارولو په اړه زده کړې کې څومره علاقه لرئ.

سرچینه: www.habr.com

Add a comment