File Upload এবং Data Management

Mobile App Development - মিটিয়র (Meteor) - Forms এবং Input Handling

270

Meteor এ File Upload এবং Data Management বেশ গুরুত্বপূর্ণ অংশ, বিশেষ করে যদি আপনার অ্যাপ্লিকেশন ফাইলগুলির সাথে কাজ করে। ফাইল আপলোড করা, সেগুলি সঠিকভাবে স্টোর করা এবং ডেটা ম্যানেজমেন্টের জন্য কিছু কাস্টম লজিক এবং প্যাকেজ ব্যবহৃত হয়। এখানে File Upload এবং Data Management এর উপর একটি বিস্তারিত নির্দেশনা দেওয়া হলো।

File Upload in Meteor

Meteor এর জন্য File Upload পরিচালনা করার জন্য বেশ কিছু প্যাকেজ উপলব্ধ রয়েছে, তবে একটি জনপ্রিয় প্যাকেজ হলো ostrio:files যা ফাইল আপলোড এবং ডাউনলোডের জন্য খুবই সুবিধাজনক। এছাড়া, Meteor নিজে কিছু বিল্ট-ইন ফাংশনালিটি প্রদান করে ফাইল আপলোডের জন্য।

১. `ostrio:files` প্যাকেজ ব্যবহার করা

এই প্যাকেজটি Meteor অ্যাপ্লিকেশনে ফাইল আপলোড এবং স্টোর করার জন্য অত্যন্ত সহজ এবং কার্যকরী পদ্ধতি প্রদান করে।

Step 1: প্যাকেজ ইনস্টলেশন

প্রথমে, ostrio:files প্যাকেজটি ইনস্টল করতে হবে:

meteor add ostrio:files

Step 2: File Collection তৈরি করা

// Create a Files collection
Files = new FS.Collection("files", {
  stores: [new FS.Store.FileSystem("files", { path: "~/uploads" })]
});

এখানে, FS.Collection দিয়ে একটি ফাইল কোলেকশন তৈরি করা হয়েছে, যেখানে FS.Store.FileSystem দিয়ে ফাইল সিস্টেমে ফাইল সেভ করা হবে।

Step 3: File Upload Method তৈরি করা

// File upload method
Meteor.methods({
  'uploadFile': function(file) {
    // Insert the file into the collection
    Files.insert(file, function(error, result) {
      if (error) {
        throw new Meteor.Error('upload-failed', 'File upload failed');
      }
      return result;
    });
  }
});

এটি ফাইল আপলোড করার একটি কাস্টম মেথড। এখানে, ফাইল ইনসার্ট করার সময় যদি কোনো সমস্যা হয়, তবে ত্রুটি প্রদর্শিত হবে।

Step 4: File Upload Client Side

Template.upload.events({
  'change #fileInput': function(event) {
    const file = event.target.files[0];
    const reader = new FileReader();
    reader.onload = function() {
      Meteor.call('uploadFile', file, function(error, result) {
        if (error) {
          alert('File upload failed');
        } else {
          alert('File uploaded successfully');
        }
      });
    };
    reader.readAsDataURL(file);
  }
});

এখানে, ফাইল সিলেক্ট করার পরে, এটি uploadFile মেথডের মাধ্যমে সার্ভারে আপলোড করা হয়।

Data Management in Meteor

Meteor এ Data Management সাধারণত Collections এবং Reactivity এর মাধ্যমে পরিচালনা করা হয়। MongoDB ডাটাবেসের উপর ভিত্তি করে, ডেটা ব্যবস্থাপনা বেশ সোজা এবং শক্তিশালী।

১. Data Collection তৈরি করা

// Define a new collection for storing file metadata
FilesCollection = new Mongo.Collection('files');

এখানে, FilesCollection নামক একটি Collection তৈরি করা হয়েছে যেটি ফাইলের মেটাডেটা সংরক্ষণ করবে, যেমন ফাইলের নাম, সাইজ, টাইপ ইত্যাদি।

২. File Metadata ইনসার্ট করা

Meteor.methods({
  'insertFileMetadata': function(fileInfo) {
    // Insert metadata into the collection
    FilesCollection.insert({
      name: fileInfo.name,
      size: fileInfo.size,
      type: fileInfo.type,
      createdAt: new Date()
    });
  }
});

এই মেথডটি ফাইলের মেটাডেটা (যেমন নাম, সাইজ, টাইপ) FilesCollection এ সেভ করবে।

৩. File Data Fetching

// Fetch all files from the collection
const allFiles = FilesCollection.find().fetch();

এটি FilesCollection থেকে সমস্ত ফাইলের ডেটা ফিরিয়ে দিবে।

৪. File Download Method

ফাইল ডাউনলোডের জন্য, আপনি FS স্টোর থেকে ফাইলটি নিয়ে ডাউনলোড লিংক তৈরি করতে পারেন।

Template.download.helpers({
  'fileUrl': function() {
    return Files.findOne({ _id: this._id }).url();
  }
});

এখানে, Files.findOne() ব্যবহার করে ফাইলের URL সংগ্রহ করা হচ্ছে এবং ডাউনলোড লিংক প্রদর্শন করা হচ্ছে।