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

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

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

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

সিডিএন থেকে

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

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

    <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/10.13.1/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/10.13.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/10.13.1/firebase-firestore.js'
      </script>
    </body>
  2. আপনার Firebase কনফিগারেশন অবজেক্ট যোগ করুন, এবং তারপর আপনার অ্যাপে Firebase আরম্ভ করুন:

    <body>
      <script type="module">
        // ...
    
        // TODO: Replace the following with your app's Firebase project configuration
        const firebaseConfig = {
          // ...
        };
    
        // Initialize Firebase
        const app = initializeApp(firebaseConfig);
      </script>
    </body>

Node.js অ্যাপস

  1. Firebase JavaScript SDK ইনস্টল করুন:

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

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

      npm install --save [email protected]
  2. আপনার অ্যাপে Firebase মডিউল ব্যবহার করতে নিম্নলিখিত বিকল্পগুলির মধ্যে একটি ব্যবহার করুন:

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

      শুধুমাত্র নির্দিষ্ট ফায়ারবেস পণ্য অন্তর্ভুক্ত করতে (যেমন 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 করতে ES2015 ব্যবহার করতে পারেন

      শুধুমাত্র নির্দিষ্ট ফায়ারবেস পণ্য অন্তর্ভুক্ত করতে (যেমন 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 project configuration
    const firebaseConfig = {
      //...
    };
    
    // Initialize Firebase
    const app = initializeApp(firebaseConfig);