আপনার জাভাস্ক্রিপ্ট প্রকল্পে Firebase যোগ করার বিকল্প উপায়

বেশিরভাগ ফায়ারবেস ওয়েব অ্যাপের জন্য আমরা npm-এর মাধ্যমে SDK ব্যবহার করার জন্য জোরালোভাবে সুপারিশ করি। তবে, বিশেষ প্রয়োজন রয়েছে এমন ব্যবহারকারীদের জন্য, ফায়ারবেস SDK যোগ করার বিকল্প উপায় প্রদান করে। এই পৃষ্ঠায় সেই বিকল্প পদ্ধতিগুলোর জন্য বিস্তারিত সেটআপ নির্দেশাবলী দেওয়া হয়েছে:

  • সিডিএন (কন্টেন্ট ডেলিভারি নেটওয়ার্ক)
  • Node.js অ্যাপের জন্য npm

এই পদ্ধতিগুলো ব্যবহার করে আপনি আপনার অ্যাপে উপলব্ধ যেকোনো লাইব্রেরি যোগ করতে পারেন।

সিডিএন থেকে

আপনি Firebase JavaScript এসডিকে-এর আংশিক ইম্পোর্ট কনফিগার করতে পারেন এবং শুধুমাত্র আপনার প্রয়োজনীয় ফায়ারবেস প্রোডাক্টগুলো লোড করতে পারেন। Firebase তার JavaScript এসডিকে-এর প্রতিটি লাইব্রেরি আমাদের গ্লোবাল সিডিএন (কন্টেন্ট ডেলিভারি নেটওয়ার্ক)-এ সংরক্ষণ করে।

  1. শুধুমাত্র নির্দিষ্ট Firebase প্রোডাক্ট (যেমন, Authentication এবং Cloud Firestore ) অন্তর্ভুক্ত করতে, নিম্নলিখিত স্ক্রিপ্টটি আপনার <body> ট্যাগের শেষে, কিন্তু যেকোনো Firebase পরিষেবা ব্যবহার করার আগে যোগ করুন:

    <body>
  <!-- Insert this script at the bottom of the HTML, but before you use any Firebase services -->
  <script type="module">
    import { initializeApp } from 'https://www.gstatic.com/firebasejs/12.12.0/firebase-app.js'

    // If you enabled Analytics in your project, add the Firebase SDK for Google Analytics
    import { getAnalytics } from 'https://www.gstatic.com/firebasejs/12.12.0/firebase-analytics.js'

    // Add Firebase products that you want to use
    import { getAuth } from 'https://www.gstatic.com/firebasejs/12.12.0/firebase-auth.js'
    import { getFirestore } from 'https://www.gstatic.com/firebasejs/12.12.0/firebase-firestore.js'
  </script>
</body>

  2. আপনার Firebase কনফিগারেশন অবজেক্টটি যোগ করুন এবং তারপরে আপনার অ্যাপে Firebase ইনিশিয়ালাইজ করুন:

    <body>
  <script type="module">
    // ...

    // TODO: Replace the following with your app's Firebase configuration
    const firebaseConfig = {
      // ...
    };

    // Initialize Firebase
    const app = initializeApp(firebaseConfig);
  </script>
</body>

নোড.জেএস অ্যাপস

  1. Firebase JavaScript এসডিকে ইনস্টল করুন:

    1. আপনার যদি আগে থেকে package.json ফাইল না থাকে, তাহলে আপনার জাভাস্ক্রিপ্ট প্রজেক্টের রুট থেকে নিম্নলিখিত কমান্ডটি চালিয়ে একটি ফাইল তৈরি করুন:

      npm init

    2. নিম্নলিখিত কমান্ডটি চালিয়ে firebase npm প্যাকেজটি ইনস্টল করুন এবং আপনার package.json ফাইলে সংরক্ষণ করুন:

      npm install --save firebase@12.12.0

  2. আপনার অ্যাপে ফায়ারবেস মডিউল ব্যবহার করতে নিম্নলিখিত বিকল্পগুলির মধ্যে একটি ব্যবহার করুন:

    • আপনি যেকোনো জাভাস্ক্রিপ্ট ফাইল থেকে মডিউল require করতে পারেন।

      শুধুমাত্র নির্দিষ্ট Firebase প্রোডাক্ট (যেমন Authentication এবং Cloud Firestore ) অন্তর্ভুক্ত করতে:

      // Firebase App (the core Firebase SDK) is always required and
// must be listed before other Firebase SDKs
var firebase = require("firebase/app");

// Add the Firebase products that you want to use
require("firebase/auth");
require("firebase/firestore");


    • আপনি মডিউল import করতে ESM সিনট্যাক্স ব্যবহার করতে পারেন।

      শুধুমাত্র নির্দিষ্ট Firebase প্রোডাক্ট (যেমন Authentication এবং Cloud Firestore ) অন্তর্ভুক্ত করতে:

      // Firebase App (the core Firebase SDK) is always required and
// must be listed before other Firebase SDKs
import firebase from "firebase/app";

// Add the Firebase services that you want to use
import "firebase/auth";
import "firebase/firestore";

  3. আপনার Firebase কনফিগারেশন অবজেক্টটি যোগ করুন এবং তারপরে আপনার অ্যাপে Firebase ইনিশিয়ালাইজ করুন:

    import { initializeApp } from 'firebase/app';

// TODO: Replace the following with your app's Firebase configuration
const firebaseConfig = {
  //...
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);