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

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

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

এই পদ্ধতিগুলি ব্যবহার করে, আপনি আপনার অ্যাপে সংস্করণ 9-এর জন্য উপলব্ধ যেকোনও লাইব্রেরি যোগ করতে পারেন।

সিডিএন থেকে

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

  1. শুধুমাত্র নির্দিষ্ট ফায়ারবেস পণ্যগুলি অন্তর্ভুক্ত করতে (উদাহরণস্বরূপ, প্রমাণীকরণ এবং ক্লাউড ফায়ারস্টোর), আপনার <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/9.22.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/9.22.1/firebase-analytics.js'
    
        // Add Firebase products that you want to use
        import { getAuth } from 'https://www.gstatic.com/firebasejs/9.22.1/firebase-auth.js'
        import { getFirestore } from 'https://www.gstatic.com/firebasejs/9.22.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. package.json firebase সংরক্ষণ করুন:

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

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

      শুধুমাত্র নির্দিষ্ট ফায়ারবেস পণ্য অন্তর্ভুক্ত করতে (যেমন প্রমাণীকরণ এবং ক্লাউড ফায়ারস্টোর):

      // 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 ব্যবহার করতে পারেন

      শুধুমাত্র নির্দিষ্ট ফায়ারবেস পণ্য অন্তর্ভুক্ত করতে (যেমন প্রমাণীকরণ এবং ক্লাউড ফায়ারস্টোর):

      // 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);