Yandex.Cloud অবজেক্ট স্টোরেজ ব্যবহার করে কীভাবে একটি স্ট্যাটিক ওয়েবসাইট হোস্ট করবেন

হে হাবর!

এই নিবন্ধে, আমি আপনাকে বলব কিভাবে সহজে এবং সহজভাবে ইয়ানডেক্স প্রযুক্তি ব্যবহার করে একটি স্ট্যাটিক ওয়েবসাইট হোস্ট করা যায়, যথা বস্তু সংগ্রহস্থল.

শেষ পর্যন্ত, আপনার কাছে একটি ওয়েব-হোস্টেড ওয়েবসাইট থাকবে যা একটি বহিরাগত লিঙ্কের মাধ্যমে অ্যাক্সেসযোগ্য হবে।

আপনি যদি এই নিবন্ধটি দরকারী হবে

• একজন শিক্ষানবিস বিকাশকারী যিনি শুধু প্রোগ্রাম শিখছেন;
• একজন বিকাশকারী যিনি একটি পোর্টফোলিও তৈরি করেছেন এবং এটি বন্ধু এবং নিয়োগকর্তাদের দেখানোর জন্য এটিকে সর্বজনীন ডোমেনে রাখতে চান৷

আমার সম্পর্কে

সম্প্রতি, আমি একটি SaaS পরিষেবা তৈরি করছিলাম, এক ধরনের মার্কেটপ্লেস যেখানে লোকেরা ব্যক্তিগত প্রশিক্ষণের জন্য ক্রীড়া প্রশিক্ষক খুঁজে পায়। Amazon Web Services স্ট্যাক ব্যবহার করা হয়েছে (এরপরে AWS হিসেবে উল্লেখ করা হয়েছে)। কিন্তু আমি প্রজেক্টে যত গভীরে ঢুকেছি, স্টার্টআপ সংগঠিত করার বিভিন্ন প্রক্রিয়া সম্পর্কে আমি তত বেশি সূক্ষ্মতা শিখেছি।

আমি নিম্নলিখিত সমস্যার সম্মুখীন হয়েছি:

• AWS অনেক টাকা খরচ করছিল। এন্টারপ্রাইজ কোম্পানিতে 3 বছর কাজ করার পর, আমি ডকার, কুবারনেটস, সিআই/সিডি, নীল সবুজ স্থাপনার মতো আনন্দের সাথে অভ্যস্ত হয়েছি এবং একজন উচ্চাকাঙ্ক্ষী স্টার্টআপ প্রোগ্রামার হিসাবে, আমি এটি বাস্তবায়ন করতে চেয়েছিলাম। ফলস্বরূপ, আমি উপসংহারে এসেছি যে AWS মাসিক 300-400 টাকা খরচ করে। Kubernetes সবচেয়ে ব্যয়বহুল হতে পরিণত হয়েছে, প্রায় 100 টাকা, যার ন্যূনতম মজুরি একটি ক্লাস্টার এবং একটি নোড।
  PS শুরুতে এটি করার দরকার নেই।
• এরপরে, আইনি দিক সম্পর্কে চিন্তা করে, আমি আইন 152-FZ সম্পর্কে শিখেছি, যা নিম্নলিখিত মত কিছু বলেছে: "রাশিয়ান ফেডারেশনের নাগরিকদের ব্যক্তিগত তথ্য অবশ্যই রাশিয়ান ফেডারেশনের ভূখণ্ডে সংরক্ষণ করতে হবে", অন্যথায় জরিমানা, যা আমি চাইনি। উপরে থেকে আমার কাছে আসার আগেই আমি এই সমস্যাগুলি মোকাবেলা করার সিদ্ধান্ত নিয়েছি :)।

অনুপ্রাণিত নিবন্ধ Amazon Web Services থেকে Yandex.Cloud-এ পরিকাঠামো স্থানান্তর করার বিষয়ে, আমি ইয়ানডেক্স স্ট্যাকটি আরও বিস্তারিতভাবে অধ্যয়ন করার সিদ্ধান্ত নিয়েছি।

আমার জন্য, Yandex.Cloud এর মূল বৈশিষ্ট্যগুলি নিম্নরূপ ছিল:

• 2-3 গুণ সস্তা (উপরের নিবন্ধ এবং সর্বজনীন মূল্য তালিকা অনুযায়ী)
• রাশিয়ান ফেডারেশনের অঞ্চলে ব্যবহারকারীদের ব্যক্তিগত ডেটা সঞ্চয়, যা মহান আমাজন এখনও অর্জন করতে পারে না।

আমি এই পরিষেবার অন্যান্য প্রতিযোগীদের অধ্যয়ন করেছি, কিন্তু সেই সময়ে ইয়ানডেক্স জিতেছিল।

আমি আপনাকে আমার সম্পর্কে বলেছি, তাই আমরা ব্যবসায় নামতে পারি।

ধাপ 0. সাইট প্রস্তুত করুন

প্রথমত, আমাদের একটি ওয়েবসাইট দরকার যা আমরা ইন্টারনেটে রাখতে চাই। যেহেতু আমি একজন কৌণিক বিকাশকারী, আমি একটি সাধারণ SPA অ্যাপ্লিকেশন টেমপ্লেট তৈরি করব, যা আমি ইন্টারনেটে পোস্ট করব।

PS যিনি কৌণিক বোঝেন বা এর ডকুমেন্টেশন সম্পর্কে জানেন https://angular.io/guide/setup-local, যাও ধাপ 1.

অ্যাঙ্গুলারে এসপিএ সাইট তৈরি করতে অ্যাঙ্গুলার-সিএলআই ইনস্টল করি:

npm install -g @angular/cli

আসুন নিম্নলিখিত কমান্ডটি ব্যবহার করে একটি কৌণিক অ্যাপ্লিকেশন তৈরি করি:

ng new angular-habr-object-storage

এরপরে, অ্যাপ্লিকেশন ফোল্ডারে যান এবং এর কার্যকারিতা পরীক্ষা করতে এটি চালু করুন:

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

অ্যাপ্লিকেশনটি তৈরি করা হয়েছে, তবে হোস্টিংয়ের জন্য এখনও প্রস্তুত নয়। সমস্ত অপ্রয়োজনীয় জিনিসগুলি সরাতে এবং শুধুমাত্র প্রয়োজনীয় ফাইলগুলি ছেড়ে দেওয়ার জন্য অ্যাপ্লিকেশনটিকে একটি ছোট বিল্ডে (উৎপাদন) একত্রিত করি।
Angular এ আপনি নিম্নলিখিত কমান্ড দিয়ে এটি করতে পারেন:

ng build --prod

এই কমান্ডের ফলস্বরূপ, অ্যাপ্লিকেশনটির রুটে একটি ফোল্ডার উপস্থিত হয়েছিল dist আমাদের ওয়েবসাইটের সাথে।

কাজ করে। এখন হোস্টিং এ যাওয়া যাক।

1 পর্যায়।

সাইটে যান https://console.cloud.yandex.ru/ এবং "সংযোগ" বোতামে ক্লিক করুন।

দ্রষ্টব্য:

• ইয়ানডেক্স পরিষেবা ব্যবহার করার জন্য, আপনার ইয়ানডেক্স মেইলের প্রয়োজন হতে পারে (কিন্তু এটি নিশ্চিত নয়)
• কিছু ফাংশনের জন্য আপনাকে আপনার ব্যক্তিগত অ্যাকাউন্টে আপনার অ্যাকাউন্টে অর্থ জমা করতে হবে (ন্যূনতম 500 রুবেল)।

সফল নিবন্ধন এবং অনুমোদনের পরে, আমরা আপনার ব্যক্তিগত অ্যাকাউন্টে আছি।

পরবর্তী মেনুতে বাম দিকে আপনাকে "অবজেক্ট স্টোরেজ" পরিষেবাটি খুঁজে বের করতে হবে, যা আমরা সাইটটি হোস্ট করার জন্য ব্যবহার করব।

সংক্ষেপে পরিভাষায়:

• অবজেক্ট স্টোরেজ হল অ্যামাজনের অনুরূপ AWS S3 প্রযুক্তির সাথে সামঞ্জস্যপূর্ণ একটি ফাইল স্টোরেজ, যার কোড থেকে স্টোরেজ পরিচালনার জন্য নিজস্ব APIও রয়েছে এবং AWS S3 এর মতো, একটি স্ট্যাটিক সাইট হোস্ট করতে ব্যবহার করা যেতে পারে।
• অবজেক্ট স্টোরেজে আমরা "বালতি" (বালতি) তৈরি করি, যা আমাদের ফাইলগুলির জন্য আলাদা স্টোরেজ এলাকা।

এর একটি তৈরি করা যাক. এটি করতে, পরিষেবা কনসোলে, "বাকেট তৈরি করুন" বোতামে ক্লিক করুন।

একটি বালতি তৈরির ফর্মটিতে নিম্নলিখিত ক্ষেত্র রয়েছে, আসুন সেগুলি দিয়ে যাই:

• বালতির নাম। সরলতার জন্য, আসুন প্রকল্পটিকে কৌণিকের মতোই বলি - angular-habr-object-storage
• সর্বোচ্চ আকার আমরা বাজি ধরি আমাদের সাইটের ওজন যত বেশি, যেহেতু সাইটটি বিনামূল্যে সংরক্ষণ করা হয় না এবং প্রতিটি বরাদ্দকৃত গিগাবাইটের জন্য, আমরা ইয়ানডেক্সকে একটি সুন্দর পয়সা প্রদান করব।
• অবজেক্ট পড়ার অ্যাক্সেস। আমরা এটিকে "পাবলিক" এ সেট করেছি, যেহেতু ব্যবহারকারীকে অবশ্যই আমাদের স্ট্যাটিক সাইটের প্রতিটি ফাইল গ্রহণ করতে হবে যাতে লেআউটটি সঠিকভাবে আঁকা যায়, স্ক্রিপ্টগুলি প্রক্রিয়া করা যায় ইত্যাদি।
• অবজেক্টের তালিকায় অ্যাক্সেস এবং সেটিংস পড়ার অ্যাক্সেস। এটি "সীমিত" হিসাবে ছেড়ে দিন। অ্যাপ্লিকেশনের জন্য অভ্যন্তরীণ ফাইল স্টোরেজ হিসাবে বালতি ব্যবহার করার জন্য এটি প্রয়োজনীয়।
• স্টোরেজ ক্লাস। এটি "স্ট্যান্ডার্ড" হিসাবে ছেড়ে দিন। এর মানে হল যে আমাদের সাইটটি ঘন ঘন পরিদর্শন করা হবে, এবং সেইজন্য সাইটটি তৈরি করা ফাইলগুলি ঘন ঘন ডাউনলোড করা হবে। প্লাস আইটেম কর্মক্ষমতা এবং পেমেন্ট প্রভাবিত করে (লিঙ্ক সন্নিবেশ)।

"একটি বালতি তৈরি করুন" ক্লিক করুন এবং বালতি তৈরি হয়।

এখন আমাদের বালতিতে আমাদের সাইট আপলোড করতে হবে। সবচেয়ে সহজ উপায় হল কাছাকাছি একটি ফোল্ডার খোলা dist আমাদের সাইট এবং হ্যান্ডলগুলি ব্যবহার করে সরাসরি পৃষ্ঠায় টেনে আনুন। "লোড অবজেক্ট" বোতামে ক্লিক করার চেয়ে এটি আরও সুবিধাজনক, কারণ এই ক্ষেত্রে ফোল্ডারগুলি স্থানান্তরিত হয় না এবং আপনাকে সঠিক ক্রমানুসারে ম্যানুয়ালি তৈরি করতে হবে।

সুতরাং, সাইটটি স্টোরেজে লোড করা হয়েছে, তাই আমরা ব্যবহারকারীদের ওয়েবসাইট হিসেবে স্টোরেজ অ্যাক্সেস করার সুযোগ দিতে পারি।
এটি করতে, মেনুর বাম দিকে, "ওয়েবসাইট" ট্যাবে ক্লিক করুন।

একটি সাইট হিসাবে একটি বালতি সেট আপ করার পৃষ্ঠায়, "হোস্টিং" ট্যাবটি নির্বাচন করুন৷ এখানে আমরা সাইটের প্রধান পৃষ্ঠা নির্দেশ করি, সাধারণত index.html। আপনার যদি একটি SPA অ্যাপ্লিকেশন থাকে, তাহলে সম্ভবত সমস্ত ত্রুটিগুলি প্রধান পৃষ্ঠাতেও প্রক্রিয়া করা হয়, তাই আমরা ত্রুটি পৃষ্ঠায় index.html নির্দেশ করব৷

আমরা অবিলম্বে দেখতে পাই কোন লিঙ্কের মাধ্যমে আমাদের সাইট অ্যাক্সেসযোগ্য হবে। সংরক্ষণ ক্লিক করুন.

প্রায় 5 মিনিট পরে, লিঙ্কটিতে ক্লিক করার পরে, আমরা দেখতে পাই যে আমাদের সাইটটি এখন সবার জন্য উপলব্ধ।

যারা শেষ পর্যন্ত পড়েছেন তাদের ধন্যবাদ! এটি আমার প্রথম নিবন্ধ; আমি অন্যান্য ইয়ানডেক্স পরিষেবাগুলি এবং ফ্রন্টএন্ড এবং ব্যাকএন্ড প্রযুক্তির সাথে তাদের সংহতকরণের আরও বর্ণনা করার পরিকল্পনা করছি।

অন্যান্য ইয়ানডেক্স পরিষেবা সম্পর্কে বা আধুনিক উন্নয়নে কৌণিকের ব্যবহার সম্পর্কে জানতে আপনি কতটা আগ্রহী তা মন্তব্যে লিখুন।

উত্স: www.habr.com