গ্যাটসবিজেএস এবং ফায়ারবেস দিয়ে কীভাবে একটি দ্রুত এবং নির্ভরযোগ্য কমিউনিটি ম্যাপিং সরঞ্জাম তৈরি করবেন

বেঁচে থাকার কি আকস্মিক সময়। করোনাভাইরাস মহামারী অনুসরণ করে, আমি সচেতন হয়েছি যে একবার সংযুক্ত সম্প্রদায় কীভাবে গুরুত্বপূর্ণ হয়ে উঠতে পারে একবার প্রত্যেককে স্ব-বিচ্ছিন্নতায় থাকতে হবে।

এই প্রকল্প সম্পর্কে এই সম্প্রদায়ের মানচিত্রটি প্রাথমিকভাবে সাইমন হিউলারের দ্বারা বিকাশ করা হয়েছে, যিনি টেজেজ-আঞ্জেইগার-তে জুরিখ সম্পাদকীয় দলের জন্য বিকাশকারী হিসাবে কাজ করেন, যা মারিও স্টেউবলের নেতৃত্বাধীন। মানচিত্রটি টিএ ইন্টারেক্টিটিভ রিঅ্যাক্ট বেসে নির্মিত হয়েছিল যা গত কয়েক বছর ধরে টেজস-আঞ্জিগার ইন্টারেক্টিভ টিমের জন্য কাস্পার মঞ্জের নকশা ও রক্ষণাবেক্ষণ করেছিল। আমি এই মানচিত্রের সরঞ্জামটি নির্মাণের জন্য যে অর্থ এবং সময় বলেছি এবং বিনিয়োগ করেছি তার জন্য আমি কৃতজ্ঞ - এটি প্রকাশিত হওয়ার পরে, আমাকে সংগ্রহস্থলের অ্যাক্সেস দেওয়া হয়েছিল এবং এটিকে ওপেন সোর্স গ্যাটসবিজেএস সাইটে রূপান্তরিত হয়েছিল - যা আমি করব এই নিবন্ধে আপনাকে ব্যাখ্যা।
বিচ্ছিন্ন সময়ের জন্য ওপেন সোর্স সম্প্রদায় ম্যাপিং প্রকল্প: whozinberg.org

কয়েক বছর ধরে জুরিখের টেজেস-আঞ্জেইগার-তে আন্তঃক্রিটভিয়ামে অংশ নেওয়া, তাদের "জুরিখ ডেলিভার্স" নামক প্রকল্পটি তাত্ক্ষণিকভাবে আমার দৃষ্টি আকর্ষণ করেছিল। এর প্রধান অংশটি একটি ইন্টারেক্টিভ মানচিত্র (আমি জানি, কেউ আর ইন্টারেক্টিভ মানচিত্র পছন্দ করে না), জুরিখে উপলব্ধ হোম-ডেলিভারি পরিষেবাদিতে পূর্ণ:

চল শুরু করি!

এ পর্যন্ত সব ঠিকই. আন্তঃক্রিটিভ্যামের নেতৃত্ব দিচ্ছেন মার্ক ব্রুপব্যাকার টুইটারে একটি ইন্টারেক্টিভ মানচিত্রের প্রয়োজনকে ন্যায়সঙ্গত করেছেন। "আমাদের সকলের কাছাকাছি বাইরের পরিষেবাগুলি সমর্থন করা দরকার, এজন্য আমরা একত্রে একটি মানচিত্র রেখেছি - এমনকি যদি আমি ব্যক্তিগতভাবে আন্তঃসংযোগমূলক মানচিত্রকে ঘৃণা করিও"।

আমি তখন দক্ষিণ আফ্রিকার মুইজেনবার্গে আমাদের ছোট জনগোষ্ঠীর প্রয়োজনের জন্য প্রকল্পটি মানিয়ে নেওয়া শুরু করি, যেখানে আমরা এখন করোনাভাইরাসকে বিচ্ছিন্ন করার জন্য প্রস্তুত হতে চলেছি। এটি ফলাফল: https://www.whozinberg.org

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

মানচিত্র কী, এটি কী নয়:

  • এটি ক্ষুদ্র সম্প্রদায়ের জন্য তৈরি –– সুতরাং এটি অল্প ইঞ্জিনযুক্ত সমাধানের চেয়ে দ্রুত হাতে থেকে বেরিয়ে আসে engine
  • কারও প্রয়োজন হলে সাহায্যের জন্য এটি বর্তমানে অনুকূল নয় কারণ এটি একটি মানচিত্রে সমস্ত তথ্য দেখাচ্ছে। আমার শীঘ্রই একটি "আমার সহায়তা প্রয়োজন" ফাংশন তৈরির উদ্দেশ্য আছে তবে এটি দ্বিতীয় টিউটোরিয়ালে আচ্ছাদিত হবে।
  • এটি নিখরচায় ওয়েব টেকনোলজি ব্যবহার করে একটি শক্ত ভিত্তিতে তৈরি করা হয়েছে এবং এটি আপনার যেতে চান এমন কোনও দিক থেকে ব্যয়যোগ্য হওয়া উচিত run এবং চালানোর জন্য নিখরচায়।
  • এটি সবার জন্য নিখরচায় এবং এখানে সহায়তা করার জন্য। আসুন সম্প্রদায়ের সমর্থন করি!

আমরা যে পদক্ষেপগুলি দিয়ে যাব:

  1. গিতলব থেকে সংগ্রহস্থলটি ক্লোন করুন
  2. প্যাকেজ ইনস্টল করুন, নোড ব্যবহার করে গ্যাটসবি জেএসের সাথে সমস্ত কিছু চালিয়ে যান
  3. একটি Google ফায়ারবেস রিয়েলটাইম ডেটাবেস তৈরি এবং কনফিগার করুন
  4. মানচিত্রের মানচিত্রে নিজের টোকেন পান (আমরা ম্যাপবক্স জিএল ব্যবহার করব)
  5. আপনার সম্প্রদায়ে ফিট করার জন্য মানচিত্র এবং সামগ্রী সেটিংস সামঞ্জস্য করুন Ad

গীতলাব থেকে প্রকল্পটি ক্লোনিং বা কাঁটাচামচ করে নিজের অনুলিপিটি পান: https://gitlab.com/marc.fehr/commune-isolation-map

নোড পরিবেশ

যেহেতু আমি প্রায়শই বিভিন্ন নোড এবং এনপিএম সংস্করণ নিয়ে সমস্যায় পড়েছি, তাই আমি প্রকল্পের মূল ফোল্ডারে .nvmrc নামে একটি ফাইল প্রয়োগ করেছি। আপনার যদি নোড সংস্করণ পরিচালক (এনভিএম) ইনস্টল করা থাকে তবে আপনার প্রথম কাজটি করা উচিত is

# আপনার প্রকল্প ফোল্ডারে সিডি সম্প্রদায়-বিচ্ছিন্নতা-মানচিত্রে পরিবর্তন করুন
.Nvmrc এনভিএম ব্যবহারে সংজ্ঞায়িত সংস্করণটি ব্যবহার করতে নোড সেট আপ করুন

প্রকল্প নির্ভরতা ইনস্টল করুন

আমি সুতা ব্যবহার করছি, তবে আপনি যদি এনপিএম ধরণের ব্যক্তি হন তবে এটিও কাজ করবে:

# সুতা সুতা ইনস্টল ব্যবহার করে ইনস্টল করুন
# এনপিএম এনপিএম ইনস্টল ব্যবহার করে ইনস্টল করুন

এটি কিছুটা সময় নেবে, তবে কোনও ত্রুটি ছাড়াই কাজ করা উচিত। যদি তা হয় তবে গ্যাটসবি সাইটটি শুরু করার চেষ্টা করে আপনি কিছুটা সমস্যা সমাধানে প্রস্তুত!

গ্যাটসবি জেএস শুরু করা (… বা কমপক্ষে আমরা চেষ্টা করব)

আপনি এখন চালানোর চেষ্টা করতে পারেন তবে gatsby-config.js এ আপনি কয়েকটি ত্রুটি দেখতে পাবেন। আমাদের প্রথমে এগুলি ঠিক করতে হবে। তবে আমরা ত্রুটিটি দেখতে পাচ্ছি, কমপক্ষে, এটি গ্যাটসবি-কনফিগারেশনের বিষয়ে।

# স্থানীয় উন্নয়ন সার্ভার গ্যাটসবি বিকাশ শুরু করুন Start
# ফলাফল:
আপনার সাইটের গ্যাটসাই-কনফিগারেশন লোড করার চেষ্টা করার সময় আমরা একটি ত্রুটির মুখোমুখি হয়েছি। ত্রুটিটি ঠিক করুন এবং আবার চেষ্টা করুন।
প্রকারের ত্রুটি: অনির্ধারিত সম্পত্তি 'প্রতিস্থাপন' পড়তে পারে না

এই ফাইলটি আপনার প্রকল্পের প্রধান ডিরেক্টরিতে রয়েছে (gatsby-config.js)

Gatsby-config.js

প্রথম দম্পতি লাইনগুলি এখনকার মতোই থাকতে পারে তবে আপনি যদি গুগল অ্যানালিটিক্স ব্যবহার করতে চান তবে অবশেষে আপনি 40 নং লাইনে ট্র্যাকিংআইডটিকে আপনার নিজের গুগল অ্যানালিটিক্স ট্র্যাকিং প্রকল্পে পরিবর্তন করতে চান:

# আপনার নিজের গুগল অ্যানালিটিক্স অ্যাকাউন্ট ট্র্যাকিংয়ে পরিবর্তন করুন: "ইউএ-এক্সএক্সএক্সএক্সএক্সএক্সএক্সএক্সএক্সএক্সএক্স - এক্স",

তারপরে যেখানে এটি বলা আছে সেখানে আমাদের 47 রেখার আরও কাছাকাছি নজর থাকবে

ডাটাবেস URL: প্রক্রিয়া.এনভি

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

পরে, আপনি যখন এই ওয়েবসাইটটি স্থাপন করবেন, তখন নেটলিফের বটগুলি (বা গিটল্যাব, বা যে কোনও পরিষেবা) এই ভেরিয়েবলগুলি দেওয়া হবে –– তারা এটি আপনার সংগ্রহশালা থেকে পাবেন না।

তবে আপনি যদি আপনার লোকালহোস্টে কাজ করছেন, গ্যাটসবি দ্বারা বিকাশ ব্যবহার করে আমরা কেবল চেষ্টা করেছি, আপনি এখনই তৈরি করতে হবে এমন একটি ফাইলের মধ্যে আপনি এই সমস্ত .env ভেরিয়েবলগুলি লিখতে পারেন। এটি বলা উচিত .env.de વિકાસ

# .Vvdedementment মূল ডিরেক্টরিতে নতুন ফাইল তৈরি করুন

এই প্রকল্পের জন্য আপনার প্রয়োজনীয় সমস্ত ভেরিয়েবলগুলি এখনই আপনার .env.de વિકાસের ফাইলে সংজ্ঞায়িত করুন:

FIREBASE_URL = FIREBASE_TYPE = FIREBASE_PROJECT_ID = FIREBASE_PRIVATE_KEY = FIREBASE_CLIENT_EMAIL = FIREBASE_CLIENT_ID = FIREBASE_AUTH_URI = FIREBASE_TOKEN_URC__50_50_50_50_50_50_50_50_50_50_50_C_CX_URL_UTH_PROC__50

এটি এখনকার জন্য, আসুন একটি ডাটাবেস সেট আপ করতে অনলাইনে যাই।

ফায়ারবেস রিয়েলটাইম ডেটাবেস

Https://firebase.google.com / প্রোডাক্টস / রিয়েলটাইম- ডেটাবেস এ যান এবং আপনার Google অ্যাকাউন্টে সাইন ইন করুন। "কনসোলে যান" "(উইন্ডোর উপরের ডানদিকে) ক্লিক করে আপনার নিজস্ব ফায়ারবেস রিয়েলটাইম ডেটাবেস সেট আপ করুন বা এখানে ক্লিক করুন। "প্রকল্প যুক্ত করুন" দিয়ে শুরু করুন, এটির একটি নাম দিন এবং পদক্ষেপগুলির মাধ্যমে ক্লিক করুন। আপনি যে কোনও গুগল অ্যানালিটিক্স অ্যাকাউন্টের সাথে ডাটাবেসটি লিঙ্কযুক্ত থাকতে চান কিনা তা আপনি সিদ্ধান্ত নিতে পারেন।

আপনার ডাটাবেস প্রস্তুত হয়ে গেলে, চালিয়ে যান ক্লিক করুন ..

বাম দিকে, ডাটাবেস-এ ক্লিক করুন, তারপরে রিয়েলটাইম ডেটাবেস চয়ন করুন এবং "তৈরি ডেটাবেস" ক্লিক করুন:

রিয়েলটাইম ডেটাবেস অধীনে ডাটাবেস (বাম) তারপরে

আপনি আপাতত "লকড মোড" এ শুরু করতে পারেন এবং নীচে সুরক্ষা সেটিংস সামঞ্জস্য করতে "বিধি" এ যান এবং প্রকাশ করুন টিপুন:

এটি সর্বাধিক সুরক্ষিত বিকল্প নয়, তবে পরে এটি সম্পর্কে কথা বলা যাক।

ডেটা ট্যাবে ফিরে যান, এবং যেখানে এটি বাতিল বলে সেখানে কোনও র্যান্ডম মান প্রবেশ করুন, অন্যথায় ডাটাবেস মুছে ফেলা হবে [কারণ এটি খালি]:

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

এছাড়াও, এর ঠিক ওপরে ইউআরএল নিন এবং এটিকে আপনার স্থানীয় .env.depement ফাইলে FIREBASE_URL হিসাবে যুক্ত করুন:

আপনার .env.de વિકાસের ফাইলটিতে এই URL টি আপনার FIREBASE_URL হিসাবে অনুলিপি করুন।
FIREBASE_URL = HTTPS: //whozinberg.firebaseio.com/

এরপরে, শীর্ষ বামে সেটিংস চাকাটিতে ক্লিক করুন এবং একটি ব্যবহারকারী তৈরি করতে গ্রাফকিউএলের মাধ্যমে গ্যাটসবিতে ডেটা অ্যাক্সেস করতে পারে এমন একটি ব্যবহারকারী তৈরি করতে "ব্যবহারকারী এবং অনুমতিগুলি" চয়ন করুন:

আমরা আমাদের গ্যাটসবিজেএস সাইটের ডেটা ধরার জন্য একটি ব্যবহারকারী তৈরি করব।

"পরিষেবা অ্যাকাউন্টগুলি" এ যান, এবং "নতুন ব্যক্তিগত কী উত্পন্ন করুন" এ ক্লিক করুন:

নীল বোতামটি ক্লিক করে পরিষেবা অ্যাকাউন্টের জন্য কী তৈরি করুন।

নিশ্চিত করুন এবং আপনার ব্রাউজারটি আপনার শংসাপত্রগুলির সাথে একটি .json ফাইল ডাউনলোড করবে। এটি দেখতে এটির মতো দেখাচ্ছে:

ফায়ারবেস শংসাপত্র। জসন ফাইল।

এগিয়ে যান এবং এই ফাইলটি থেকে আমাদের পূর্বে তৈরি করা .env.de વિકાસ বিভাগে মানগুলি অনুলিপি করুন। প্রথম লাইনটি ইতিমধ্যে কয়েক ধাপ আগে ভরাট হয়েছিল। আপনি কিছু ভুলে যাবেন না তা নিশ্চিত করুন, সংরক্ষণ করুন। গুরুত্বপূর্ণ: কিছুই না করে “, কেবল খালি মানগুলি” অনুলিপি করবেন না।

শেষ পদক্ষেপ, আমরা গ্যাটসবি জেএস প্রকল্পটি কিছু ডেটা খুঁজে পাবে তা নিশ্চিত করার জন্য, আমাদের ডাটাবেসে কিছু উদাহরণ ডেটা আমদানি করি, অন্যথায় এটি ত্রুটি ছুঁড়ে দেবে। আপনার সংগ্রহস্থল থেকে ফাইলটি ~ / src / ডেটা / উদাহরণডাটা.জসনে নিন বা এখান থেকে ডাউনলোড করুন।

ফায়ারবেসে, আমদানি করুন JSON এ ক্লিক করুন, পরীক্ষাডাটা.জসন ফাইলটি চয়ন করুন এবং নিশ্চিত করুন।

আপনি ফায়ারবেসে কোনও বৈধ JSON ফাইল আমদানি করতে পারেন। প্রথম ডেটা পয়েন্ট আমদানি করতে উদাহরণ.ডাটা.জসন ব্যবহার করুন।

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

এটি আপনার ডাটাবেসের একটি প্রবেশদ্বার, জেএসএন হিসাবে আমদানি।

দ্রষ্টব্য: যেমন আপনি দেখতে পাচ্ছেন, এই এন্ট্রিটি অনুমোদিত হয়েছে: সত্য, তবে পরে, নতুন প্রবেশকৃত অনুমোদিত সহ প্রবেশ করা হবে: মিথ্যা entered কোন এন্ট্রিগুলি অনলাইনে রয়েছে এবং কোনটি নয় সেগুলি আপনার নিয়ন্ত্রণে থাকবে। যারা অনুমোদিত হিসাবে সেট করা আছে তারা সকলেই ওয়েবসাইটটির পরবর্তী স্থাপনার পরে দৃশ্যমান হবে।

আবার গ্যাটসবি লোকালহোস্ট শুরু করুন

এখন আপনি গ্যাটসবি জেএসকে আরও একবার যেতে প্রস্তুত। আপনার টার্মিনালে ফিরে, আপনার প্রকল্পের মূল ফোল্ডারে যান এবং

# Gatsby বিকাশ সার্ভার gatsby বিকাশ শুরু করুন

এবং কয়েকটি এস-লিন্ট সতর্কতা ছাড়াও আপনার দেখতে হবে:

আপনার ব্রাউজারে গিয়ে http: // লোকালহোস্ট: 8000 / এ যান এবং মানচিত্রে আপনার একটি প্রথম ডেটা পয়েন্ট দেখতে হবে:

এটাই, তুমি এটা করেছ! এখন, ডাটাবেসে একটি নতুন পয়েন্ট যুক্ত করার চেষ্টা করি। আপনার ব্রাউজারে, "মানচিত্রে আরও তথ্য যুক্ত করুন" লিঙ্কটি ক্লিক করুন বা ইউআরএলটিতে যুক্ত / যুক্ত করুন: HTTP: // লোকালহস্ত: 8000 / অ্যাড the মানচিত্রটি সক্রিয় করুন, একটি বিন্দু নির্ধারণ করুন, কিছু তথ্য পূরণ করুন এবং "ফর্ম প্রেরণ করুন" ক্লিক করুন।

এবং, আপনি দেখতে পাচ্ছেন যে, আমার ডেটাবেসগুলিতে আমার ডেটা সংরক্ষণ করা হয়েছে - এখন দুটি এন্ট্রি রয়েছে:

এবং যেমনটি পূর্বে উল্লেখ করা হয়েছে, নতুন এন্ট্রি অনুমোদিত: ভুয়া অবস্থা।

মানচিত্রের অ্যাক্সেস টোকন

কিছু মানচিত্রের কী দিয়ে ভান্ডারটি সরবরাহ করা হয় তবে দয়া করে সেগুলি ব্যবহার করবেন না। প্রতিটি প্রকল্পের নিজস্ব মানচিত্রের অ্যাক্সেস টোকেন থাকা উচিত।

ম্যাপটিলারে যান, একটি অ্যাকাউন্ট তৈরি করুন, লগইন করুন এবং একটি কী তৈরি করুন ("কীগুলির" নীচে, "অ্যাকাউন্ট" এর নীচে বাম দিকে)। এই কীটি অনুলিপি করুন এবং আপনার ভাণ্ডারে এটি প্রতিস্থাপন করুন। ইঙ্গিত: আপনি যে ডোমেনগুলি ট্র্যাফিকের অনুমতি পেতে পারে তা যুক্ত করে আপনার কীতে অ্যাক্সেসও সীমাবদ্ধ করতে পারেন।

ম্যাপটিলারে আপনার নিজস্ব অ্যাকাউন্ট তৈরি করুন এবং আপনার অ্যাপের জন্য একটি কী পান।

আপনার ভাণ্ডারে, ~ / src / ডেটা / মানচিত্র-স্টাইল.js এ যান এবং টোকেন এতে যুক্ত করুন:

আপনার প্রয়োজনের সাথে অ্যাপ্লিকেশনটি সামঞ্জস্য করুন

আপনার সম্প্রদায়ের কী প্রয়োজন তা এখন অনুসন্ধান করা। আপনি প্রকল্প সম্পর্কে সমস্ত বিবরণ gatsby-config.js এ পরিবর্তন করে শুরু করতে পারেন, ~ / উপাদান / বিভাগ.js (এবং বিভাগের সিএস) বা যেকোনো কিছু নিয়ে খেলুন।

আপডেট: এছাড়াও, নিশ্চিত হয়ে নিন যে আপনি আপনার পাড়ার জন্য সীমানা সঠিকভাবে সেট করেছেন। মানচিত্রে নিজেই সীমানা নির্ধারণ করতে প্রধান ফোল্ডারে gatsby-config.js ফাইলটি পরীক্ষা করুন। আরও, এখানে যান:

~ / Src / ডেটা / reverse_cpt_boundaries.js

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

আপনার মানচিত্রে f / src / ডেটা / রিভার্স_সিপি_বাউন্ডারি.জেজে টার্ফ এনপিএম প্যাকেজের সাহায্যে বহুভুজটি মাস্কিং করা হচ্ছে।

নেটলিফায় ওয়েবসাইট স্থাপন করুন

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

তারপরে, স্ট্যাটিক ওয়েবসাইটের হোস্টিংয়ের প্ল্যাটফর্ম নেটলিফায় সাইন আপ করুন। নেটলিফ একটি বিনামূল্যে স্তর পেয়েছে, আপনাকে প্রতি মাসে পরিশোধ না করে 100 জিবি ট্রাফিক দেওয়া হবে। যা আমি আশ্চর্যজনক মনে করি।

নেটলিফায় একটি নতুন প্রকল্প শুরু করুন, এটি আপনার গিটলাব (বা গিথুব) সংগ্রহস্থলের সাথে যুক্ত করুন। "গিট থেকে নতুন সাইট" ক্লিক করুন। পদক্ষেপগুলির মধ্য দিয়ে যান, মোতায়েনকারীদের ট্রিগার করার জন্য মাস্টার শাখা সেট করুন। ডিরেক্টরিতে অ্যাকশন এবং জনসাধারণের জন্য / ডিরেক্টরিতে স্থাপন gatsby বিল্ড:

আপনার নেটলিফ প্রকল্পে সেটিংস।

নেটলিফ এখন আপনার গিট সংগ্রহস্থল থেকে আপনার সাইটটি মোতায়েন করছে। এবং, এটি মাস্টার শাখায় প্রতিটি ধাক্কার পরে এটি পুনরায় স্থাপন করবে। তবে আপাতত প্রথম বিল্ডটি ব্যর্থ হবে - কারণ আমরা নেটলিফায় আমাদের .env ভেরিয়েবলগুলি নির্দিষ্ট করেছিলাম না। এটি করতে, সেটিংস> বিল্ড এন্ড ডিপ্লয়> এনভায়রনমেন্ট এ যান এবং আপনার স্থানীয় .env.de વિકાસের ফাইলের মধ্যে থাকা সমস্ত ভেরিয়েবল যুক্ত করুন। নেটলিফাই আপনার পৃষ্ঠাটি তৈরি করার সময় এগুলি ব্যবহার করবে তবে লোকেরা সেগুলি আর দেখতে পাবে না:

নেটলিফায় সমস্ত পরিবেশের ভেরিয়েবল যুক্ত করুন যাতে এটি আপনার সাইট মোতায়েনের সময় ফায়ারবেস ডেটা ধরে নিতে পারে।

পরিবেশের সমস্ত ভেরিয়েবল ঘোষিত হওয়ার পরে ডিপ্লয়েগুলিতে ফিরে যান এবং আপনার সাইটের পুনরায় স্থাপনার ট্রিগার করুন:

নেটলিফ সাইটের একটি পুনরায় স্থাপনার ট্রিগার করুন।

নেটলিফাইটি শেষ হয়ে গেলে, আপনি আপনার প্রকল্পের জন্য একটি URL সরিয়ে ফেলবেন se যাও, এটি পরীক্ষা করে দেখুন। আপনি এখন নেটলিফায় কাস্টম ডোমেন যুক্ত করতে পারেন (সেখানে নিজের নেমসার্ভারগুলি নির্দেশ করুন বা আপনার হোস্টারে সিএনএম ডিএনএস এন্ট্রি যুক্ত করুন), এবং বিনামূল্যে এসএসএল শংসাপত্রও ব্যবহার করতে পারেন।

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

আবার, গিটলাব (বা গিথুব) এর মাস্টার শাখায় প্রতিটি ধাক্কাও মোতায়েনের কাজ শুরু করবে। সর্বদা নিশ্চিত করুন যে মোতায়েনগুলি ব্যর্থ হয় না, অন্যথায় আপনি আপডেটগুলি দেখতে পাবেন না :)

ভাগ করে নেওয়ার জন্য ধন্যবাদ - আসুন আমাদের স্থানীয় সম্প্রদায়গুলিকে সহায়তা করুন! এ সম্পর্কে কোনও প্রতিক্রিয়া অত্যন্ত স্বাগত।

মানচিত্রের শেষ ফলাফল।

মানচিত্রটি ছড়িয়ে দিন –– এমন আরও দৃষ্টান্ত যা আমি জানি

ওপেন সোর্স সম্প্রদায়কে ধন্যবাদ - তাদের স্থানীয় আশেপাশের জন্য এই সম্প্রদায়টির মানচিত্রটি মানিয়ে নেওয়ার জন্য। এই আশ্চর্যজনক প্রকল্পগুলি দেখুন:

সেন্টগ্যালেন ইলফ্ট –– https: //www.helfen.sg/

জাইজার্স ইলফ্ট!

জুম স্টার্চ –– https: //zaemestarch.ch/

চুর ইলফ্ট চুর –– https: //churhilftchur.ch/

You যদি আপনিও একটি তৈরি করেন তবে আমাকে জানান! সবাই নিরাপদে থাকুন!