اي حبر!
هن آرٽيڪل ۾، مان توهان کي ٻڌايان ٿو ته ڪيئن آساني سان ۽ آساني سان هڪ جامد ويب سائيٽ کي ميزباني ڪرڻ Yandex ٽيڪنالاجيون استعمال ڪندي، يعني شيون ذخيرو.
آخر ۾، توهان وٽ هڪ ويب ميزباني ڪيل ويب سائيٽ هوندي جيڪا ٻاهرئين لنڪ ذريعي پهچندي.
هي مضمون مفيد ٿيندو جيڪڏهن توهان
- هڪ شروعاتي ڊولپر جيڪو صرف پروگرام ڪرڻ سکي رهيو آهي؛
- هڪ ڊولپر جنهن هڪ پورٽ فوليو ٺاهيو آهي ۽ ان کي عوام جي ڊومين ۾ رکڻ چاهي ٿو ته ان کي دوستن ۽ ملازمن کي ڏيکاري.
پاڻ بابت
تازو، مان ترقي ڪري رهيو آهيان هڪ SaaS سروس، هڪ قسم جو بازار جتي ماڻهو ذاتي تربيت لاءِ راندين جا ٽرينر ڳوليندا آهن. استعمال ڪيو Amazon ويب سروسز اسٽيڪ (هتان کان پوء AWS طور حوالو ڏنو ويو). پر جيتري قدر مون پروجيڪٽ ۾ گهيرو ڪيو، اوترو ئي وڌيڪ نزاڪت مون کي هڪ شروعات کي منظم ڪرڻ جي مختلف عملن جي باري ۾ سکيو.
مون کي هيٺين مسئلن جو سامنا ڪيو:
- AWS تمام گهڻو پئسو استعمال ڪري رهيو هو. انٽرپرائز ڪمپنين ۾ 3 سالن تائين ڪم ڪرڻ کان پوءِ، مون کي اهڙين خوشين جي عادت ٿي وئي آهي جيئن ڊڪر، ڪبرنيٽس، سي آءِ/سي ڊي، بليو گرين ڊيپلائيمينٽ، ۽، هڪ خواهشمند شروعاتي پروگرامر جي حيثيت سان، مان ان کي لاڳو ڪرڻ چاهيان ٿو. نتيجي ۾، مان ان نتيجي تي پهتو آهيان ته AWS 300-400 رپيا ماهوار خرچ ڪندو آهي. ڪبرنيٽس سڀ کان مهانگو ثابت ٿيو، اٽڪل 100 بڪس، هڪ ڪلستر ۽ هڪ نوڊ جي گهٽ ۾ گهٽ اجرت سان.
پي ايس شروعات ۾ ائين ڪرڻ جي ڪا ضرورت ناهي. - اڳيون، قانوني پاسي جي باري ۾ سوچڻ، مون قانون 152-FZ بابت سکيو، جيڪو ڪجهه هن طرح چيو: "روسي فيڊريشن جي شهرين جي ذاتي ڊيٽا کي روسي فيڊريشن جي علائقي تي محفوظ ڪيو وڃي"، ٻي صورت ۾ ڏنڊ، جيڪو مون نه چاهيو. مون انهن مسئلن کي حل ڪرڻ جو فيصلو ڪيو ان کان اڳ جو اهو مون وٽ آيو مٿي کان :).
متاثر ٿيل Amazon ويب سروسز کان Yandex.Cloud ڏانهن انفراسٽرڪچر لڏڻ بابت، مون فيصلو ڪيو ته Yandex اسٽيڪ کي وڌيڪ تفصيل سان پڙهو.
مون لاء، Yandex.Cloud جي اهم خاصيتون هيٺيون هيون:
- 2-3 ڀيرا سستا (مٿي ڏنل آرٽيڪل ۽ عوامي قيمت جي فهرستن جي مطابق)
- ، جيڪو عظيم Amazon اڃا تائين حاصل نه ڪري سگهيو آهي.
مون هن خدمت جي ٻين مقابلي جو اڀياس ڪيو، پر ان وقت Yandex کٽي رهيو هو.
مون توهان کي پنهنجي باري ۾ ٻڌايو آهي، تنهنڪري اسان ڪاروبار تي حاصل ڪري سگهون ٿا.
قدم 0. سائيٽ تيار ڪريو
پهرين، اسان کي هڪ ويب سائيٽ جي ضرورت آهي جيڪا اسان انٽرنيٽ تي رکڻ چاهيون ٿا. جيئن ته مان هڪ Angular ڊولپر آهيان، مان هڪ سادي SPA ايپليڪيشن ٽيمپليٽ ٺاهيندس، جنهن کي آئون پوءِ انٽرنيٽ تي پوسٽ ڪندس.
PS جيڪو Angular سمجهي ٿو يا ان جي دستاويزن بابت ڄاڻي ٿو ، ڏانهن وڃو .
اچو ته Angular-CLI انسٽال ڪريون Angular ۾ SPA سائيٽون ٺاهڻ لاءِ:
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 قدم.
اچو ته سائيٽ ڏانهن وڃو ۽ "Connect" بٽڻ تي ڪلڪ ڪريو.
نوٽ:
- Yandex سروس استعمال ڪرڻ لاء، توهان کي Yandex ميل جي ضرورت پوندي (پر اهو پڪ ناهي)
- ڪجھ ڪمن لاءِ توھان کي توھان جي اڪائونٽ ۾ رقم جمع ڪرڻي پوندي پنھنجي ذاتي اڪائونٽ ۾ (گهٽ ۾ گھٽ 500 روبل).
ڪامياب رجسٽريشن ۽ اختيار ڪرڻ کان پوء، اسان توهان جي ذاتي اڪائونٽ ۾ آهيون.
اڳيان کاٻي پاسي مينيو ۾ توهان کي ڳولڻ جي ضرورت آهي "آبجڪٽ اسٽوريج" سروس، جيڪا اسان سائيٽ جي ميزباني لاء استعمال ڪنداسين.
مختصر طور تي:
- آبجیکٹ اسٽوريج هڪ فائل اسٽوريج آهي جيڪو Amazon جي ساڳي AWS S3 ٽيڪنالاجي سان مطابقت رکي ٿو، جنهن وٽ ڪوڊ مان اسٽوريج کي منظم ڪرڻ لاءِ پنهنجي API پڻ آهي ۽ AWS S3 وانگر، جامد سائيٽ کي ميزباني ڪرڻ لاءِ استعمال ڪري سگهجي ٿو.
- آبجیکٹ اسٽوريج ۾ اسان "بالٽ" (بالٽ) ٺاهيندا آهيون، جيڪي اسان جي فائلن لاء الڳ اسٽوريج ايريا آهن.
اچو ته انهن مان هڪ ٺاهيو. هن کي ڪرڻ لاء، خدمت ڪنسول ۾، "بٽ ٺاهيو" بٽڻ تي ڪلڪ ڪريو.
بالٽ ٺاهڻ لاءِ فارم هيٺ ڏنل فيلڊ آهن، اچو ته انهن ذريعي وڃون.
- ٻڪري جو نالو. سادگيءَ لاءِ، اچو ته پروجيڪٽ کي سڏيون ساڳيو Angular-
angular-habr-object-storage - وڌ. ماپ. اسان شرط رکون ٿا جيترو اسان جي سائيٽ جو وزن آهي، ڇاڪاڻ ته سائيٽ مفت ۾ محفوظ نه ڪئي وئي آهي ۽ هر مختص ڪيل گيگا بائيٽ لاءِ، اسان ادا ڪنداسين Yandex کي هڪ خوبصورت پئسو.
- شيون پڙهڻ تائين رسائي. اسان ان کي "عوامي" تي سيٽ ڪيو، ڇو ته صارف کي اسان جي جامد سائيٽ جي هر فائل کي وصول ڪرڻ گهرجي ته جيئن ترتيب ان تي صحيح نموني ٺاهي سگهجي، اسڪرپٽ تي عمل ڪري سگهجي، وغيره.
- شيون جي فهرست تائين رسائي ۽ سيٽنگون پڙهڻ لاء رسائي. ان کي ڇڏي ڏيو "محدود". ايپليڪيشنن لاءِ اندروني فائل اسٽوريج طور بالٽ استعمال ڪرڻ لاءِ اهو ضروري آهي.
- اسٽوريج ڪلاس. ان کي ڇڏي ڏيو "معياري". هن جو مطلب اهو آهي ته اسان جي سائيٽ کي اڪثر دورو ڪيو ويندو، ۽ انهي ڪري فائلون جيڪي سائيٽ ٺاهيندا آهن اڪثر ڊائون لوڊ ڪيا ويندا. پلس شيون ڪارڪردگي ۽ ادائيگي کي متاثر ڪري ٿو (لنڪ داخل ڪريو).
"هڪ بالٽ ٺاهيو" تي ڪلڪ ڪريو ۽ بالٽ ٺاهي وئي آهي.
هاڻي اسان کي اسان جي سائيٽ کي بالٽ تي اپلوڊ ڪرڻ جي ضرورت آهي. آسان رستو اهو آهي ته ڀرسان فولڊر کولڻ dist اسان جي سائيٽ کي ڇڪيو ۽ سڌو سنئون صفحي تي ھٿ استعمال ڪندي. اهو "لوڊ شيون" بٽڻ تي ڪلڪ ڪرڻ کان وڌيڪ آسان آهي، ڇاڪاڻ ته هن صورت ۾ فولڊر منتقل نه ڪيا ويا آهن ۽ توهان کي انهن کي دستي طور تي صحيح ترتيب ۾ ٺاهڻو پوندو.
تنهن ڪري، سائيٽ اسٽوريج ۾ لوڊ ڪئي وئي آهي، تنهنڪري اسان صارفين کي ويب سائيٽ جي طور تي اسٽوريج تائين پهچڻ جو موقعو فراهم ڪري سگهون ٿا.
هن کي ڪرڻ لاء، مينيو جي کاٻي پاسي تي، "ويب سائيٽ" ٽيب تي ڪلڪ ڪريو.
صفحي تي سائيٽ جي طور تي بالٽ سيٽ ڪرڻ لاء، "هسٽنگ" ٽيب چونڊيو. هتي اسان ڏيکاريون ٿا سائيٽ جو مکيه صفحو، عام طور تي index.html. جيڪڏهن توهان وٽ هڪ SPA ايپليڪيشن آهي، ته شايد سڀ غلطيون پڻ مکيه صفحي تي پروسيس ٿيل آهن، تنهنڪري اسان پڻ اشارو ڪنداسين index.html غلطي صفحي تي.
اسان فوري طور تي ڏسون ٿا ته ڪھڙي لنڪ ذريعي اسان جي سائيٽ تائين رسائي ٿي ويندي. محفوظ ڪريو تي ڪلڪ ڪريو.
اٽڪل 5 منٽن کان پوء، لنڪ تي ڪلڪ ڪندي، اسان ڏسون ٿا ته اسان جي سائيٽ هاڻي هر ڪنهن لاء دستياب آهي.
هر ڪنهن جي مهرباني جنهن آخر تائين پڙهيو! هي منهنجو پهريون مضمون آهي؛ مان ٻين Yandex خدمتن کي وڌيڪ بيان ڪرڻ جو ارادو ڪريان ٿو ۽ انهن جي فرنٽ اينڊ ۽ پس منظر واري ٽيڪنالاجي سان انضمام.
تبصرن ۾ لکو ته توهان ڪيتري دلچسپي وٺندا آهيو ٻين Yandex خدمتن بابت يا جديد ترقي ۾ Angular جي استعمال بابت سکڻ ۾.
جو ذريعو: www.habr.com