কিভাবে একটি রাস্পবেরি পাই, Node.js, Express, এবং MongoDB সহ একটি ওয়েবসাইট তৈরি করতে হয় পর্ব 1: 6 ধাপ

2024 লেখক: John Day | [email protected]. সর্বশেষ পরিবর্তিত: 2024-01-30 08:01

আমার node.js ওয়েব অ্যাপ টিউটোরিয়ালের পার্ট 1 এ স্বাগতম। পার্ট 1 node.js অ্যাপ ডেভেলপমেন্টের জন্য প্রয়োজনীয় সফটওয়্যার, কিভাবে পোর্ট ফরওয়ার্ডিং ব্যবহার করতে হয়, কিভাবে এক্সপ্রেস ব্যবহার করে একটি অ্যাপ তৈরি করতে হয় এবং কিভাবে আপনার অ্যাপটি চালাতে হয় তার মাধ্যমে যেতে যাচ্ছে। এই টিউটোরিয়ালের দ্বিতীয় অংশটি আমার সম্পূর্ণ ওয়েব অ্যাপ্লিকেশনের সমস্ত কোড এবং কাঠামোর উপর চলে যাবে। আপনি যদি এর জন্য প্রস্তুত থাকেন তাহলে এখানে যান।

সুতরাং, আমার ব্যক্তিগত লঞ্চ পৃষ্ঠা তৈরির সময় আমি আগাছা থেকে বেরিয়ে আসা খুব কঠিন বলে মনে করি। ইন্টারনেটে আরও অনেক কিছু আছে এমনকি আমি একটি ওয়েবপৃষ্ঠা তৈরির বিষয়ে বুঝতে পারব।

এটি কিভাবে Node.js, Express, এবং Mongodb ব্যবহার করতে হয় তার উপর দিয়ে হাঁটা। একটি ওয়েবপেজ তৈরি করতে।

এই সবের জন্য কোড এখানে।

আমার ওয়েব পেজকে বলা হয় ইন্টারনেট। যদি আপনি একটি ব্যক্তিগত ওয়েবসাইটে আরো ইন্টারেক্টিভ চেহারা চান দয়া করে দেখুন।

আরো বিস্তারিত জানার জন্য আমার নির্দেশিত প্রকল্পগুলির লিঙ্ক সহ, আমি যে প্রকল্পগুলি করেছি তার সাথে ইন্টারনেটে ব্যক্তিগত উপস্থিতির জন্য আমি এই পৃষ্ঠাটি শুরু করেছি।

এই সাইটটি আমার বাড়িতে পাই শূন্য W তে হোস্ট করা হয়েছে।

ধাপ 1: আপনার প্রয়োজনীয় জিনিসগুলি

1 সময়. আমি জোর দিতে পারি না যে একটি সাইট বিকাশ করা, এবং প্রকৃতপক্ষে অভ্যন্তরীণ কাজগুলি বোঝা, এটি একটি দীর্ঘ প্রক্রিয়া। আমার ইলেকট্রিক্যাল ইঞ্জিনিয়ারিংয়ে ডিগ্রী আছে মাইক্রো ইলেকট্রনিক্সে মনোযোগ দিয়ে, এবং কোডিংয়ের প্রতি ভালবাসা, এবং এটি সম্পন্ন করতে আমার এখনও কয়েক মাস লেগেছে।

এই টিউটোরিয়ালটি একটি ভাল বিল্ডিং ব্লক হবে, তবে দয়া করে প্রতিটি অংশ বুঝতে অনলাইনে আরও ডকুমেন্টেশন পড়ুন।

2. রাস্পবেরি পাই - যে কোন মডেল করবে। এছাড়াও লিনাক্স চালানো যেকোন কম্পিউটারই করবে। প্রকৃতপক্ষে, যে কোনও কম্পিউটারই করবে, আমি কেবল এটি একটি পাইতে কীভাবে চালানো যায় সে সম্পর্কে আরও বিশদে যাই।

Internet. ইন্টারনেট সংযোগ - যদি আপনি এটি বিশ্বের কাছে হোস্ট করার পরিকল্পনা করেন। পোর্ট ফরওয়ার্ডিং কনফিগার করার জন্য একটি রাউটার বা একটি নেটওয়ার্ক সুইচ প্রয়োজন।

4. সফটওয়্যার - যে কোন কোডিং প্ল্যাটফর্ম কাজ করবে, সাবলাইম, ওয়েবস্টর্ম, নোটপ্যাড ++, ভিজ্যুয়াল স্টুডিও, বা অন্য কিছু। আমি মূলত ওয়েবস্টর্ম বা সাবলাইম ব্যবহার করতাম।

পদক্ষেপ 2: আপনার রাস্পবেরি পাইতে পোর্ট ফরওয়ার্ডিং

সুতরাং, আমি অনুমান করতে যাচ্ছি যে আপনি ইতিমধ্যে আপনার রাস্পবেরি পাই সেট আপ করেছেন। যদি না হয় তাহলে এই সহজ টিউটোরিয়ালটি দেখুন।

আমার পাই জেসি লাইট চালাচ্ছে, এবং সব টার্মিনাল। এর সুবিধা হল যে আমার ব্যাকগ্রাউন্ডে চলমান অনেক প্রক্রিয়া নেই যা আমার সার্ভারকে উচ্চ ট্র্যাফিকের সাথে ধীর গতিতে চালাতে পারে। আমি এখন বলি যে এই টিউটোরিয়ালটি কম ট্রাফিক সাইটের জন্য। উচ্চ ট্রাফিক সহ যে কোনও সাইট একটি পাইতে ধীর হবে এবং আপনার সার্ভার ক্র্যাশ করতে পারে।

পোর্ট ফরওয়ার্ডিং

আপনার পাই সেটআপের সাথে, আপনাকে আপনার রাউটার বা সুইচে পোর্ট ফরওয়ার্ডিং সক্ষম করতে হবে। এটি করার জন্য আপনার রাউটারে পোর্ট ফরওয়ার্ডিং সেটিংস খুঁজুন। প্রতিটি রাউটার আলাদা, আমি এখানে আমার লিঙ্কসিস ভেলপ জিইউআই দেখাই।

আমার সাইট 3000 পোর্ট কনফিগার করা হয়েছে, এটি app.js বা www ফাইলের সোর্স কোডে পরিবর্তন করা যেতে পারে।

আমার পোর্ট 22 ফরওয়ার্ড করার জন্য সেট আপ আছে যাতে আমি আমার পাইতে SSH করতে পারি, এটি পাই সেটিংসে সেট আপ করা যেতে পারে। SSH হল আপনার পাইতে টার্মিনাল ব্যবহার করার সময় একই নেটওয়ার্কে না থাকাকালীন এবং পাই থেকে ডিসপ্লে আউটপুট ব্যবহার না করার সময়। এটি আমাকে একটি ভিন্ন কম্পিউটার থেকে আমার ওয়েবসাইট আপডেট করতে এবং পরিবর্তনগুলিকে আমার পাইতে ঠেলে দিতে দেয়।

পোর্ট ফরওয়ার্ডিং সেট আপ করতে ছবিগুলি অনুসরণ করুন।

DNS পরিষেবা

আপনার এমন একটি পরিষেবার প্রয়োজন হবে যা আপনার আইপি ঠিকানাটিকে একটি ওয়েব ঠিকানার নামের সাথে সংযুক্ত করে। আপনি আপনার রাউটার গ্লোবাল আইপি অ্যাড্রেস টাইপ করতে পারবেন এবং তার পর পোর্ট নম্বর দিয়ে আপনার সাইটে প্রবেশ করতে পারবেন। এটি অবশ্য কঠিন, বিশেষ করে যদি আপনার গ্লোবাল আইপি পরিবর্তন হয়। একটি DNS পরিষেবা যা করে তা হল এই পরিবর্তনগুলি ট্র্যাক এবং আপডেট করা যাতে আপনার ওয়েব নাম এবং আইপি সংযুক্ত থাকে। আমি নো-আইপি এর মাধ্যমে একটি বিনামূল্যে পরিষেবা ব্যবহার করতে পছন্দ করি। আপনি যা চান তার জন্য অর্থ প্রদান করতে আপনাকে স্বাগতম। এটি একটি মুক্ত উপায় যা আমি জানি।

www.noip.com/

ধাপ 3: পাইতে প্রয়োজনীয় সফ্টওয়্যার ইনস্টল করা

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

আপনার পাই, বা লিনাক্স কম্পিউটারে থাকাকালীন (উইন্ডোজ ব্যবহারের জন্য বিভিন্ন কমান্ড থাকবে), নিম্নলিখিত কমান্ডগুলি চালান।

এটি অনুসরণ করা সহজ করার জন্য আমি পৃথক পদক্ষেপ হিসাবে এগুলি ভেঙে দিয়েছি।

1. node.js এবং npm ইনস্টল করুন

Node.js মূলত জাভা স্ক্রিপ্ট যা সার্ভার তৈরি করে। NPM হল নোড প্যাকেজ ম্যানেজার এবং node.js- এর সাহায্যে প্রয়োজনীয় সমস্ত মধ্যম সামগ্রী পরিচালনা করে।

ইনস্টল করার জন্য একটি লিনাক্স বা ম্যাক মেশিনে নিম্নলিখিত কমান্ডগুলি চালান।

কার্ল -এসএল https://deb.nodesource.com/setup_6.x | sudo -E bash sudo apt -get install -y nodejs

উইন্ডোতে ডাউনলোড করতে, এখানে পাওয়া exe ব্যবহার করুন।

এই লিঙ্কটি লিনাক্স সহায়তার জন্য যদি রাস্পবেরি পাই না হয়।

2. MongoDB ইনস্টল করুন

MongoDB শুধু যে, একটি ডেটা বেস। আমি এটি আমার ওয়েব পেজের লগইন এবং ট্রাফিক কাউন্টার অংশের জন্য ব্যবহার করি।

ইনস্টল করার জন্য একটি লিনাক্স বা ম্যাক মেশিনে নিম্নলিখিত কমান্ডগুলি চালান।

sudo apt-key adv --keyserver hkp: //keyserver.ubuntu.com: 80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

echo "deb https://repo.mongodb.org/apt/debian jessie/mongodb-org/3.4 main" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

sudo apt- আপডেট পান

sudo apt-get install -y mongodb-org

উইন্ডোতে ডাউনলোড করতে, এখানে পাওয়া exe ব্যবহার করুন।

এই লিঙ্কটি লিনাক্স সহায়তার জন্য যদি রাস্পবেরি পাই না হয়।

3. গ্রান্ট ইনস্টল করুন

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

উইন্ডোজ, ম্যাক বা লিনাক্সের জন্য নিম্নলিখিত কমান্ডটি ব্যবহার করুন।

npm install -g grunt -cli

4. এক্সপ্রেস ইনস্টল করুন

এক্সপ্রেস নোড জেএস ফ্রেমওয়ার্ক ব্যবহার করার একটি সহজ উপায়। আমরা একটি এক্সপ্রেস জেনারেটর ইনস্টল করতে যাচ্ছি। এটি একটি ওয়েব অ্যাপ্লিকেশনের সহজে ব্যবহারযোগ্য কাঠামো তৈরি করে।

উইন্ডোজ, ম্যাক বা লিনাক্সের জন্য নিম্নলিখিত কমান্ডটি ব্যবহার করুন।

npm এক্সপ্রেস -জেনারেটর -g ইনস্টল করুন

ধাপ 4: একটি এক্সপ্রেস Node.js অ্যাপ তৈরি করুন

যে ফোল্ডারে আপনি আপনার অ্যাপটি রাখার পরিকল্পনা করছেন সেখানে নেভিগেট করুন। এখানে একবার ভবিষ্যতের সমস্ত ইনস্টলেশন এই ফোল্ডারের মধ্যে থাকবে।

ডিরেক্টরি পরিবর্তন করতে একটি লিনাক্স বা ম্যাক মেশিনে নিম্নলিখিত কমান্ডগুলি চালান।

sudo cd/home/pi/myapp

উইন্ডোজের জন্য:

cd C: / Users / pi / Desktop / myapp

প্রয়োজনীয় নোড জেএস ফ্রেমওয়ার্ক তৈরি করতে এক্সপ্রেস জেনারেটর ব্যবহার করুন।

নাম প্রকাশ করুন

এটি একটি বেয়ার এক্সপ্রেস নোড.জেএস প্রজেক্ট তৈরি করবে, আপনি এই ধাপে -h কমান্ড ব্যবহার করে নীচে দেখা বিভিন্ন কমান্ড খুঁজে এর বৈশিষ্ট্যগুলি সম্পাদনা করতে পারেন। অথবা আপনি নিজে তৈরি টেমপ্লেট সম্পাদনা করতে পারেন, যেমন আমার আছে। আমি এই বিষয়ে আরও বিস্তারিতভাবে আলোচনা করব ২ য় অংশে। এই জন্য কমান্ড চালান:

এক্সপ্রেস -এইচ

নিম্নলিখিত কমান্ডগুলি চালিয়ে আপনার node.js ওয়েব অ্যাপ্লিকেশন সেট আপ করা চালিয়ে যান:

cd nameofmyapp

npm ইন্সটল

এটি সমস্ত প্রয়োজনীয় প্যাকেজগুলি ইনস্টল করে যা আপনার node.js ওয়েব অ্যাপ্লিকেশনটি চালানোর প্রয়োজন হবে এবং আরো যা ব্যবহার করার জন্য উপলব্ধ।

এই উদাহরণে আবেদনের জন্য ফাইল পথ হবে:

/home/pi/myapp/nameofmyapp

এর কারণ হল এক্সপ্রেস জেনারেটর আপনার পরে স্ট্রিং এর উপর ভিত্তি করে একটি ফাইল তৈরি করে। আপনি যদি ইতিমধ্যে পছন্দসই ডিরেক্টরিতে থাকেন তবে কেবল এক্সপ্রেস ব্যবহার করুন।

ধাপ 5: আপনার ওয়েব অ্যাপ্লিকেশন চালান

আপনার node.js ওয়েব অ্যাপ্লিকেশন চালানোর জন্য, কমান্ডটি চালান:

npm শুরু

কোডিং করার সময় এটিকে আরো দক্ষ করে তোলার জন্য যাতে আমরা পরিবর্তন করার পর আমাদের অ্যাপ্লিকেশন স্বয়ংক্রিয়ভাবে আপডেট হয়, আমরা নোডেমন ইনস্টল করব।

npm install -g nodemon

এখানেই বেশিরভাগ টিউটোরিয়াল আপনাকে বলবে মজাদার বিল্ডিং করতে এবং কঠিন পায়ে কাজ করার জন্য আপনাকে ছেড়ে দিতে। পরের ধাপগুলোতে আমি আপনাকে হাঁটতে যাচ্ছি যদিও আমি কিভাবে আমার আবেদন তৈরি করেছি।

ধাপ 6: ক্রেডিট

সত্যিই একটি পদক্ষেপ নয় কিন্তু আমি এই টিউটোরিয়ালের জন্য আমার উৎস এবং অনুপ্রেরণা তালিকাভুক্ত করতে চাই।

এই Github ReadMe আমাদের একজন সিনিয়র ডিজাইন প্রজেক্টে কাজ করার সময় একজন ভালো বন্ধু লিখেছিলেন এবং এটি আমার সাইট কিভাবে তৈরি করা যায় সে সম্পর্কে অনেক অনুপ্রেরণা জোগায়।

github.com/SDP-DT04/Web-Application/blob/m…

এই টিউটোরিয়ালটি একটি ওয়েব অ্যাপ্লিকেশন তৈরির প্রক্রিয়ায় একটি সহায়ক হাতিয়ার ছিল।

kroltech.com/2013/12/29/boilerplate-web-app…

Node.js সাইটে আরও তথ্যের জন্য আমার পার্ট 2 দেখুন।