= Node.js এবং Cloud Firestore DB ব্যবহার করে Google Firebase-এ একটি গতিশীল ওয়েবসাইট হোস্ট করুন =
তুষার কাপুর: (httpswww.tusharck.com/)
ডেমো গিট URL: httpsgithub.com/tusharck/firebase-demo
= কেন ফায়ারবেস হোস্টিং? =
Firebase হল একটি ব্যাপক অ্যাপ প্ল্যাটফর্ম যা GoogleâÃÂÃÂ-এর পরিকাঠামোতে নির্মিত, তাই এটি একটি নিরাপদ, দ্রুত, বিনামূল্যে (অতিরিক্ত সংস্থানগুলির জন্য অর্থপ্রদানের বিকল্পগুলিও উপলব্ধ) এবং আপনার সামগ্রী হোস্ট করার সহজ উপায় প্রদান করে ওয়েব বা মোবাইল অ্যাপ্লিকেশন
== বিনামূল্যে স্তরের মূল বৈশিষ্ট্য এবং সুবিধা: ==
- এটি বিনামূল্যে কাস্টম ডোমেইন দেয়&
SSL(SSL https সংযোগের জন্য একটি আদর্শ নিরাপত্তা স্তর প্রদান করে
- ক্লাউড ফায়ারস্টোর: ক্লায়েন্ট অ্যাপ জুড়ে রিয়েলটাইম ডেটা সিঙ্কের জন্য একটি নমনীয় এবং মাপযোগ্য ডাটাবেস
- অন্যান্য বৈশিষ্ট্য: ক্লাউড ফাংশন, ক্লাউড মেসেজিং (এফসিএম), ক্র্যাশলাইটিক্স, ডায়নামিক লিঙ্কস, হোস্টিং, এমএল কিট, স্টোরেজ, পারফরম্যান্স মনিটরিং, ভবিষ্যদ্বাণী এবং পরীক্ষা ল্যাব (এই পণ্যগুলির কার্যকারিতা এবং সংস্থানগুলি একটি অর্থপ্রদানের পরিকল্পনা কেনার মাধ্যমে বাড়ানো যেতে পারে, কিন্তু বিনামূল্যের স্তরের পরিষেবাগুলি খুব ভাল৷ পরিকল্পনাগুলি দেখতে ফায়ারবেস মূল্য পরীক্ষা করুন)
- সম্পদের স্বয়ংক্রিয় স্কেলিং
= Firebase এ আপনার ডাইনামিক ওয়েবসাইট হোস্ট করার ধাপগুলি =
== প্রয়োজনীয়তা ==
**1। Google অ্যাকাউন্ট**আপনার যদি একটি Google অ্যাকাউন্ট না থাকে, তাহলে আপনাকে একটির জন্য সাইন আপ করতে হবে। আপনি httpsaccounts.google.com/SignUp এ গিয়ে তা করতে পারেন। **2। Node.js এবং npm** Mac/Windows আপনি httpsnodejs.org/en/download/ থেকে ইনস্টলারটি ডাউনলোড করতে পারেন। লিনাক্স
Node.js ইনস্টল করতে নিচের ধাপগুলো অনুসরণ করুন:
1. একটি টার্মিনাল খুলুন
2. নিম্নলিখিত কমান্ডগুলি চালান:
sudo apt-get install curlcurl -sL httpsdeb.nodesource.com/
setup_13.x| sudo bash -sudo apt nodejs ইনস্টল করুন **আমি নোট ব্যবহার করেছি: ** **
setup_13.x কারণ টিউটোরিয়ালের সর্বশেষ সংস্করণটি ছিল
**13**আপনি httpsnodejs.org/en/ এ গিয়ে সর্বশেষ রিলিজ চেক করতে পারেন
Node.js এবং npm সফলভাবে ইনস্টল হয়েছে কিনা তা পরীক্ষা করতে নিম্নলিখিত কমান্ডগুলি চালান, যা ইনস্টল করা সংস্করণটিকে আউটপুট করবে:
node -v
npm -v
**3. ফায়ারবেস-সিএলআই (কমান্ড-লাইন ইন্টারফেসএগুলি ফায়ারবেস প্রকল্পগুলি পরিচালনা, দেখার এবং স্থাপনের জন্য সরঞ্জাম
npm install -g firebase-tools
= ধাপ 1: ফায়ারবেস প্রকল্প তৈরি করুন =
- httpsfirebase.google.com এ যান এবং
উপরের ডান কোণ থেকে সাইন ইন করুন
- ক্লিক করুন
উপরের ডান কোণ থেকে কনসোলে যান
- তারপর ক্লিক করুন
নীচে দেখানো হিসাবে, প্রকল্প তৈরি করুন
4. পরবর্তী জিনিস হল আপনার প্রকল্পের নাম লিখুন, এবং চালিয়ে যান টিপুন
5. আপনার ফায়ারবেস প্রকল্পের জন্য Google Analytics সক্ষম করতে অবিরত টিপুন (যদি আপনি এটি না চান তবে অক্ষম করতে চেক করুন)
6. Google Analytics-এর জন্য নিকটতম অবস্থান নির্বাচন করুন৷
7. ক্লিক করুন
**প্রজেক্ট তৈরি করুন এবং এটি লোড হওয়ার জন্য অপেক্ষা করুন। তাহলে নিচের মত কিছু দেখতে পাবেন
= ধাপ 2: ফায়ারবেস লগইন শুরু করুন =
- একটি কমান্ড-লাইন/টার্মিনাল খুলুন তারপর একটি নতুন ডিরেক্টরি তৈরি করুন এবং যান
mkdir my-firebase-projectcd my-firebase-project
2. Firebase-এ একটি ওয়েবসাইট হোস্ট করতে নিম্নলিখিত কমান্ড ব্যবহার করে Firebase-এ লগইন করুন। আপনি কমান্ডটি চালানোর পরে একটি ব্রাউজার উইন্ডো খুলবে যা আপনাকে আপনার Google শংসাপত্র ব্যবহার করে ফায়ারবেসে লগ ইন করতে বলবে। সেখানে শংসাপত্র লিখুন এবং Firebase আপনার সিস্টেমে সাইন ইন করবে
ফায়ারবেস লগইন
= ধাপ 3: আপনার সিস্টেমে ফায়ারবেস প্রকল্প শুরু করুন =
- এখন আমাদের সিস্টেমে ফায়ারবেস কনসোলে তৈরি করা প্রজেক্টটি শুরু করতে হবে। করার জন্য নীচের কমান্ডটি চালান
firebase init
2. ডাউন কী টিপুন তারপর নির্বাচন করুন
**দুটি জিনিস **স্পেস বার কী টিপে
- ফাংশন
- হোস্টিং
তারপর
**এন্টার টিপুন** চালিয়ে যেতে
3. তারপর নির্বাচন করুন
তারপর এন্টার চাপুন
**একটি বিদ্যমান প্রকল্প ব্যবহার করুন**
4. এন্টার টিপুন
**my-firebase-project** **অথবা আপনি যে প্রকল্পের নাম ব্যবহার করেছেন বা আপনি যে প্রকল্পের নাম ব্যবহার করেছেন
5. নির্বাচন করুন
**জাভাস্ক্রিপ্ট** এবং এন্টার টিপুন
6. আপনি বলতে পারেন
**না** আপনি কি সম্ভাব্য বাগ ধরতে এবং শৈলী প্রয়োগ করতে ESLint ব্যবহার করতে চান?
7. প্রকার
**হ্যাঁ** npm এর সাথে নির্ভরতা ইনস্টল করার জন্য
8. এখানে আমাদের দুটি কাজ করতে হবে:
- আপনাকে সেই ডিরেক্টরিটি নির্বাচন করতে হবে যেখানে আপনার ওয়েবসাইট এবং সম্পদগুলি থাকবে৷ ডিফল্টরূপে এটা
pubicআপনি চালিয়ে যেতে এন্টার চাপতে পারেন অথবা আপনি আপনার পছন্দসই ডিরেক্টরির নাম পরিবর্তন করতে পারেন
- প্রকার
হ্যাঁ একক-অ্যাপ পৃষ্ঠার জন্য যাতে আপনার ডায়নামিক URLগুলিকে তাদের সঠিক গন্তব্যে পুনঃনির্দেশিত করা যায়
9. নিম্নলিখিত কমান্ডটি চালিয়ে আপনার স্থানীয় সিস্টেমে ফায়ারবেস অ্যাপটি পরীক্ষা করুন। তারপর যান
**httplocalhost:5000** আপনার বেসিক ওয়েবসাইট চলমান দেখতে
ফায়ারবেস পরিবেশন --শুধু হোস্টিং, ফাংশন
খোলার পরে আপনি নীচের মত কিছু দেখতে হবে
**httplocalhost:5000** URL
10. টার্মিনাল থেকে সার্ভার বন্ধ করুন
= ধাপ 4: প্যাকেজ ইনস্টল করা এবং ডায়নামিক ওয়েবসাইটের জন্য ভিউ ডিরেক্টরি তৈরি করা =
- এখানে আমরা এটি ব্যবহার করার জন্য ফাংশন ডিরেক্টরির ভিতরে সুইচ করব
সিডি ফাংশন
**2। এক্সপ্রেস ইনস্টল করুন**এটি একটি ন্যূনতম এবং নমনীয় Node.js ওয়েব অ্যাপ্লিকেশন ফ্রেমওয়ার্ক
npm আমি প্রকাশ -- সংরক্ষণ করুন
**3. হ্যান্ডেল বার ইনস্টল করুন**এটি Node.js-এর জন্য একটি টেমপ্লেটিং ইঞ্জিন যা ওয়েবসাইটের গতিশীল সামনের প্রান্তের জন্য ব্যবহৃত হয়
npm i handlebars -- সংরক্ষণ করুন
**4. একত্রীকরণ ইনস্টল করুন**
npm আমি একত্রীকরণ -- সংরক্ষণ করুন
5. নামে একটি ফোল্ডার তৈরি করুন
**দর্শন** ভিতরে **ফাংশন** ফোল্ডার যেখানে আমরা সমস্ত ফ্রন্টএন্ড কোড সংরক্ষণ করব
mkdir
ভিউ
6. নিম্নলিখিত কমান্ডটি চালিয়ে মূল ডিরেক্টরিতে ফিরে যান:
সিডি
= ধাপ 5: ফায়ারস্টোর সেট আপ করা (ক্লাউড ডেটাবেস) =
== ডাটাবেস কনফিগারেশন ==
- httpsconsole.firebase.google.com/ এ যান
- আপনার প্রকল্প নির্বাচন করুন
- নির্বাচন করুন
বাম দিকের ফলক থেকে ডেটাবেস
4. ক্লিক করুন
**ডাটাবেস তৈরি করুন**
5. টেস্ট মোডে স্টার্ট নির্বাচন করুন কারণ অন্যথায় আপনি আপনার সিস্টেম থেকে ডাটাবেস অ্যাক্সেস করতে পারবেন না। ওয়েবসাইট তৈরির কাজ শেষ হলে আমরা এই সেটিং পরিবর্তন করব
তারপর ক্লিক করুন
**পরবর্তী** তা করার পর
6. আপনার Firestore DB এর অবস্থান নির্বাচন করুন৷
**আপনি এই অবস্থান সেট করার পরে, আপনি পরে এটি পরিবর্তন করতে পারবেন না। বিঃদ্রঃ: **
== ডেটা তৈরি করুন ==
- শুরু সংগ্রহে ক্লিক করুন
2. লিখুন
** কালেকশন আইডি আপনি আপাতত নমুনা দিতে পারেন
3. নমুনা তথ্য লিখুন. প্রবেশ করুন
**নমুনা_দস্তাবেজ **দস্তাবেজ আইডি হিসেবে। **ক্ষেত্রের ভিতরে **শিরোনাম** লিখুন। আমি **মূল্যের ভিতরে ক্লাউড** পছন্দ করি তারপর **সংরক্ষণ** এ ক্লিক করুন
= ধাপ 6: ওয়েবসাইটের গতিশীল বিষয়বস্তু তৈরি করা =
আমরা অংশটিকে দুটি ভাগে ভাগ করব, প্রথম অংশে, আমরা দেখব কিভাবে Firestore থেকে ডেটা আনতে হয় এবং ওয়েবসাইটে ব্যবহার করতে হয়। দ্বিতীয় অংশে, আমরা দেখব কিভাবে ফর্ম ডেটা জমা দিতে হয়
**প্রথমে, আমরা ফায়ারস্টোর অ্যাক্সেস করার জন্য শংসাপত্রগুলি ডাউনলোড করব**
2. ক্লিক করুন
**সেটিংস** বাম ফলক থেকে এবং **প্রজেক্ট সেটিংস** এ যান
3. যান
**পরিষেবা অ্যাকাউন্ট** এবং **নতুন ব্যক্তিগত কী তৈরি করুন-এ ক্লিক করুন
4. ক্লিক করুন
** কী তৈরি করুন এটি কী ডাউনলোড করতে একটি পপ আপ দেবে। আপনার ওয়েবসাইটের **ফাংশন** ফোল্ডারের মধ্যে কীটি সংরক্ষণ করুন
== ফায়ারস্টোর থেকে আনা হচ্ছে ==
- খুলুন
index.js ফাংশন ফোল্ডারের ভিতরে
2. আমাদের কিছু লাইব্রেরি সংজ্ঞায়িত করতে হবে যা আমরা আমাদের অ্যাপ্লিকেশনে ব্যবহার করতে চাই। এই একই লাইব্রেরি যা আমরা আগে ইনস্টল করেছি
const ফাংশন = প্রয়োজন ('firebase-functionsconst express = প্রয়োজন('expressconst ইঞ্জিন = প্রয়োজন('consolidatevar hbs = প্রয়োজন('handlebarsconst অ্যাডমিন = প্রয়োজন('firebase-admin)
3. এখানে আমরা কয়েকটি জিনিস সেট করি:
- এক্সপ্রেস ব্যবহার করে অ্যাপটি শুরু করুন
- আমরা আমাদের ইঞ্জিনকে হ্যান্ডেলবার হিসাবে সেট করব
- তারপর আমরা এক্সপ্রেসকে বলব যে আমাদের ফ্রন্ট এন্ড কোডটি ভিউ ফোল্ডারের ভিতরে থাকবে
const app = expressapp.engine('hbs',engines.handlebars);app.set('viewsviewsapp.set('view enginehbs)
4. আপনার Firestore DB অ্যাক্সেস করার জন্য আপনার আবেদন অনুমোদন করুন
*বিঃদ্রঃ:*
1. পরিবর্তন
**Firestore2 অ্যাক্সেস করার শংসাপত্রের জন্য আপনার ডাউনলোড করা ফাইলের সাথে YOUR_SDK_NAMEjson। আপনার ডাটাবেস URL থেকে ডাটাবেস URL পরিবর্তন করুন. ইউআরএল দেখতে **সেটিংস >সার্ভিস অ্যাকাউন্ট**
var serviceAccount = প্রয়োজন
YOUR_SDK_NAME.jsonadmin.initializeApp({credential: admin.credential.cert(serviceAccount), databaseURL: "httpsmyfirebaseproject-bx54dasx3.firebaseio.com
5. ফায়ারস্টোর থেকে ডেটা আনার ফাংশন
- কালেকশন আইডি হল
নমুনা
- ডকুমেন্ট আইডি
নমুনা_ডক
নমুনা ডেটা প্রবেশ করার সময় আমরা উপরে সংজ্ঞায়িত করেছি
async ফাংশন getFirestoreconst firestore_con = await admin.firestoreconst writeResult = firestore_con.collection('স্যাম্পলডক('নমুনা_ডকগেটেন(ডক =>{
যদি (!doc.exists) { console.log('এমন কোনো নথি নেই }
else {রিটার্ন doc.data
.catch(err =>{ console.log('ডকুমেন্ট পেতে ত্রুটি', errreturn writeResult
}
**আমরা নোট ব্যবহার করি: ** **অসিঙ্ক** কারণ ডাটাবেস এবং আমাদের ওয়েবসাইটের মধ্যে প্রতিশ্রুতি অপারেশন সম্পূর্ণ হওয়ার জন্য আমাদের অপেক্ষা করতে হবে
6. রুট তৈরি করুন এবং ফলাফলটি সামনের প্রান্তে পাঠান
app.getasync (অনুরোধ, প্রতিক্রিয়া) var db_result = getFirestoreresponse.render('indexdb_resultexports.app = functions.https.onRequest(app);
7. তৈরি করুন
**views** ফোল্ডারের ভিতরে **index.hbs**। hbs একটি হ্যান্ডেলবার ফাইল নোট: **
8. ভিতরে এই মৌলিক HTML কোড লিখুন
আনা ফলাফল দেখতে **index.hbs**
তুষার চাঁদ কাপুর
