Ionic CLI দিয়ে প্রজেক্ট তৈরি করা এবং চালানো

Ionic এর বেসিক ধারণা - আয়নিক (Ionic) - Mobile App Development

288

Ionic CLI দিয়ে নতুন একটি Ionic অ্যাপ তৈরি করা এবং চালানোর প্রক্রিয়া খুবই সহজ। নিচে ধাপে ধাপে প্রক্রিয়াটি দেয়া হলো:


১. Ionic CLI দিয়ে নতুন প্রজেক্ট তৈরি করা

১.১ নতুন প্রজেক্ট তৈরি করার জন্য কমান্ড চালানো

  1. প্রথমে Ionic CLI ইনস্টল করুন: যদি Ionic CLI ইতিমধ্যেই ইনস্টল না করা থাকে, তবে নিম্নলিখিত কমান্ডটি চালিয়ে এটি গ্লোবালি ইনস্টল করুন:

    npm install -g @ionic/cli
    
  2. নতুন Ionic প্রজেক্ট তৈরি করা: নতুন একটি প্রজেক্ট তৈরি করতে ionic start কমান্ড ব্যবহার করুন। উদাহরণস্বরূপ, একটি blank টেমপ্লেটের সাহায্যে নতুন অ্যাপ তৈরি করা:

    ionic start myApp blank
    

    এখানে:

    • myApp: আপনার প্রজেক্টের নাম হবে।
    • blank: এটি একটি সিম্পল টেমপ্লেট, তবে আপনি চাইলে tabs, sidemenu, বা অন্য যেকোনো টেমপ্লেটও ব্যবহার করতে পারেন।

    কমান্ডটি চালানোর পর Ionic CLI আপনাকে টেমপ্লেটটি ডাউনলোড এবং প্রজেক্ট ফোল্ডার তৈরি করতে সাহায্য করবে।

১.২ টেমপ্লেট নির্বাচন:

Ionic CLI আপনাকে বিভিন্ন প্রজেক্ট টেমপ্লেট থেকে একটি নির্বাচন করতে বলবে, যেমন:

  • blank: একটি খালি অ্যাপ যা আপনার প্রয়োজন অনুসারে কাস্টমাইজ করতে পারবেন।
  • tabs: একটি ট্যাব-ভিত্তিক নেভিগেশন অ্যাপ।
  • sidemenu: সাইড মেনু নেভিগেশন সহ অ্যাপ।

আপনি পছন্দমত একটি টেমপ্লেট নির্বাচন করতে পারেন। উদাহরণস্বরূপ, আপনি tabs টেমপ্লেট ব্যবহার করতে চাইলে, কমান্ড হবে:

ionic start myApp tabs

২. প্রজেক্ট ফোল্ডারে নেভিগেট করা

প্রজেক্ট তৈরি হয়ে গেলে, নতুন প্রজেক্ট ফোল্ডারে যেতে হবে:

cd myApp

এটি আপনার প্রজেক্টের মূল ফোল্ডারে নিয়ে যাবে।


৩. অ্যাপ চালানো

৩.১ লোকাল সার্ভারে অ্যাপ চালানো

এখন, আপনার তৈরি করা অ্যাপ লোকাল সার্ভারে চালাতে ionic serve কমান্ড ব্যবহার করতে হবে। এটি আপনার অ্যাপকে লোকাল ডেভেলপমেন্ট সার্ভারে রান করবে এবং আপনি আপনার ব্রাউজারে অ্যাপটি দেখতে পারবেন।

ionic serve

এই কমান্ডটি চালানোর পর, Ionic CLI একটি লোকাল সার্ভার চালু করবে এবং আপনি সাধারণত http://localhost:8100 এ আপনার অ্যাপ দেখতে পারবেন।

৩.২ অ্যান্ড্রয়েড ডিভাইসে অ্যাপ রান করা

যদি আপনার কাছে Android ডিভাইস থাকে এবং আপনি অ্যাপটি সরাসরি ডিভাইসে রান করতে চান, তবে ionic cordova run android কমান্ড ব্যবহার করুন:

ionic cordova run android

এটি আপনার Android ডিভাইসে অ্যাপটি রান করবে।

৩.৩ iOS ডিভাইসে অ্যাপ রান করা (macOS এ)

iOS ডিভাইসে অ্যাপ রান করতে হলে, ionic cordova run ios কমান্ড ব্যবহার করতে হবে (এটি macOS এর জন্য):

ionic cordova run ios

এটি আপনার iOS ডিভাইসে অ্যাপ রান করবে।


৪. প্রজেক্টের ফাইল এবং ডিরেক্টরি

আপনার Ionic প্রজেক্টে কিছু গুরুত্বপূর্ণ ফোল্ডার এবং ফাইল থাকবে:

  • src: অ্যাপের মূল সোর্স কোড।
    • app: অ্যাপের মূল ফিচার এবং পেজ।
    • assets: ছবি, আইকন এবং অন্যান্য ফাইল।
    • environments: পরিবেশের জন্য কনফিগারেশন।
  • www: অ্যাপের বিল্ট ফাইল যেখানে সবকিছু কম্পাইল হয়ে যায় (এই ফোল্ডারটি প্রোডাকশনে ব্যবহার হয়)।
  • config.xml: অ্যাপের কনফিগারেশন ফাইল।

৫. অ্যাপের বিল্ডিং এবং প্যাকেজিং

যদি আপনি অ্যাপটি মোবাইল প্ল্যাটফর্মে বিল্ড করতে চান, তবে নিম্নলিখিত কমান্ড ব্যবহার করতে হবে:

  • Android অ্যাপ বিল্ড করা:

    ionic cordova build android
    
  • iOS অ্যাপ বিল্ড করা (macOS):

    ionic cordova build ios
    

এটি ছিল Ionic CLI দিয়ে একটি নতুন প্রজেক্ট তৈরি করা এবং সেই প্রজেক্টটি চালানোর সম্পূর্ণ প্রক্রিয়া। একবার অ্যাপ চালানো হয়ে গেলে, আপনি এটির ফিচার এবং ইউআই কাস্টমাইজ করে আপনার অ্যাপ ডেভেলপমেন্ট শুরু করতে পারবেন।

Content added By
Promotion

Are you sure to start over?

Loading...