পরের প্রবন্ধে আমরা আয়নিক ফ্রেমওয়ার্ক এবং উবুন্টু 20.04 এ কিভাবে এটি ইনস্টল করা যায় তা একবার দেখে নেব। এই কাঠামো ব্যবহারকারীদের কৌণিকের মতো অন্যান্য কাঠামোর সাথে প্রকল্পগুলি বাস্তবায়নের অনুমতি দেবে। আইওনিক হল হাইব্রিড মোবাইল অ্যাপ ডেভেলপমেন্টের জন্য একটি সম্পূর্ণ ওপেন সোর্স SDK যা ২০১if সালে Drifty Co. এর ম্যাক্স লিঞ্চ, বেন স্পেরি এবং অ্যাডাম ব্র্যাডলি তৈরি করেছিলেন। আসল সংস্করণটি ২০১ 2013 সালে প্রকাশিত হয়েছিল এবং AngularJS এবং Apache Cordova এর উপরে নির্মিত হয়েছিল। যাইহোক, সর্বশেষ সংস্করণটি ওয়েব উপাদানগুলির একটি সেট হিসাবে পুনর্নির্মাণ করা হয়েছিল, যা ব্যবহারকারীকে কৌণিক, প্রতিক্রিয়া বা Vue.js প্রকল্পগুলি বেছে নেওয়ার অনুমতি দেয়। এটি কোনো ইউজার ইন্টারফেস ফ্রেমওয়ার্ক ছাড়াই আয়নিক উপাদান ব্যবহারের অনুমতি দেয়।
আয়নের আধুনিক ওয়েব ডেভেলপমেন্ট অনুশীলন এবং প্রযুক্তির উপর ভিত্তি করে হাইব্রিড ডেস্কটপ, মোবাইল এবং প্রগতিশীল ওয়েব অ্যাপ্লিকেশনগুলি বিকাশের জন্য সরঞ্জাম এবং পরিষেবা সরবরাহ করে। এর জন্য, ওয়েব প্রযুক্তি যেমন CSS, HTML5 এবং Sass ব্যবহার করা যেতে পারে। এই কাঠামোর সাহায্যে আমরা iOS, অ্যান্ড্রয়েড বা ওয়েবের সাথে সামঞ্জস্যপূর্ণ ওয়েব প্রযুক্তির সাথে অ্যাপ্লিকেশনগুলি বিকাশ করতে পারি। এটি একটি শক্তিশালী CLI টুলও সরবরাহ করে যার সাহায্যে আমরা প্রকল্পগুলি পরিচালনা ও তৈরি করতে সক্ষম হব।
আয়নিকের সাধারণ বৈশিষ্ট্য
- এই কাঠামোটি মুক্ত এবং মুক্ত উৎস। এটি মোবাইল-অপ্টিমাইজড ইউজার ইন্টারফেস সরঞ্জাম এবং উপাদানগুলির একটি লাইব্রেরি সরবরাহ করে, যার সাহায্যে দ্রুত এবং অত্যন্ত ইন্টারেক্টিভ অ্যাপ্লিকেশন তৈরি করা যায়।
- আয়নিক কর্ডোভা ব্যবহার করে, এবং অতি সম্প্রতি প্লাগ-ইনগুলি হোস্ট অপারেটিং সিস্টেম ফাংশন যেমন জিপিএস, ক্যামেরা, টর্চলাইট ইত্যাদিতে অ্যাক্সেস পেতে।
- ব্যবহারকারীরা তাদের অ্যাপ তৈরি করতে পারেন এবং তারপর এন্ড্রয়েড, আইওএস, উইন্ডোজ, ডেস্কটপ (ইলেক্ট্রন সহ), বা আধুনিক ব্রাউজারের জন্য কাস্টমাইজ করতে পারেন.
- আয়নের চলন্ত অংশ, টাইপোগ্রাফি, বা একটি এক্সটেনসিবল বেস থিম অন্তর্ভুক্ত.
- ব্যবহার করার সময় ওয়েব কম্পোনেন্টস, আয়নিক তাদের সাথে ইন্টারঅ্যাক্ট করার জন্য কাস্টম উপাদান এবং পদ্ধতি প্রদান করে। ভার্চুয়াল স্ক্রোলিং এর মধ্যে একটি উপাদান ব্যবহারকারীদের পারফরম্যান্স প্রভাব ছাড়াই হাজার হাজার আইটেমের একটি তালিকা স্ক্রোল করতে দেয়। আরেকটি উপাদান, ট্যাবস, একটি ট্যাবড ইন্টারফেস তৈরি করে যা নেটিভ স্টাইলের নেভিগেশন এবং ইতিহাস স্ট্যাটাস ম্যানেজমেন্ট সমর্থন করে।
- এসডিকে ছাড়াও, আয়নিকও সরবরাহ করে পরিষেবা বিকাশকারীরা বৈশিষ্ট্যগুলি সক্ষম করতে ব্যবহার করতে পারেনযেমন কোড বাস্তবায়ন বা স্বয়ংক্রিয় বিল্ড।
- এছাড়াও আইওনিক স্টুডিও নামে পরিচিত নিজস্ব আইডিই প্রদান করে.
- এটি একটি ইন্টারফেস অফার করে কমান্ড লাইন (CLI) প্রকল্প তৈরি করতে। সিএলআই ডেভেলপারদের অতিরিক্ত কর্ডোভা প্লাগইন এবং প্যাকেজ যুক্ত করতে, পুশ বিজ্ঞপ্তি সক্ষম করতে, অ্যাপ আইকন তৈরি করতে, স্প্ল্যাশ স্ক্রিন তৈরি করতে এবং নেটিভ বাইনারি তৈরি করতে দেয়।
উবুন্টু 20.04 এ Ionic ইনস্টল করুন
এই কাঠামোর ইনস্টলেশন বেশ সহজ। শুরু করার জন্য আমাদের শুধু একটি টার্মিনাল খুলতে হবে (Ctrl + Alt + T) এবং আমাদের সিস্টেম প্যাকেজ আপডেট করুন:
sudo apt update; sudo apt upgrade
তাহলে আমরা করব কিছু প্রয়োজনীয় প্যাকেজ ইনস্টল করুন। একই টার্মিনালে আমাদের কমান্ডটি ব্যবহার করতে হবে:
sudo apt install curl gnupg2 wget git
পরবর্তী পদক্ষেপ হতে যাচ্ছে নোডজেএস ইনস্টল করুন। এই উদাহরণ আমি সংস্করণ দিয়ে পরীক্ষা করেছি 14.x। এই সংস্করণটি ইনস্টল করতে, আমরা প্রয়োজনীয় সংগ্রহস্থল যোগ করে শুরু করব:
curl -sL https://deb.nodesource.com/setup_14.x | sudo bash -
তাহলে আমরা পারবো instalar NodeJS এই অন্যান্য কমান্ড চলমান:
sudo apt install nodejs
আয়নিকের প্রয়োজন Apache Cordova। এটি স্পষ্ট করা উচিত যে এটি ডিভাইস API গুলির একটি সেট যা মোবাইল অ্যাপ্লিকেশন ডেভেলপারকে জাভাস্ক্রিপ্ট ব্যবহার করে ডিভাইসের নেটিভ ফাংশন, যেমন ক্যামেরা বা অ্যাকসিলরোমিটার অ্যাক্সেস করার অনুমতি দেয়।
NodeJS ইনস্টল করার পর, আমরা করতে পারি কর্ডোভা ইনস্টল করুন চলমান:
sudo npm install -g cordova
এই মুহুর্তে, আমরা এগিয়ে যেতে পারি npm ব্যবহার করে Ionic ইনস্টল করুন:
sudo npm i -g @ionic/cli
ইনস্টলেশন পরে, আমরা পারেন কমান্ড দিয়ে ইনস্টল করা ভার্সন চেক করুন:
ionic -v
একটি উদাহরণ অ্যাপ্লিকেশন
ইনস্টলেশন সঠিকভাবে সম্পন্ন হয়েছে কিনা তা জানতে, আমরা একটি ছোট উদাহরণ অ্যাপ্লিকেশন তৈরি করে শুরু করতে পারি। এটি করার জন্য, আমাদের কেবল করতে হবে নিম্নলিখিত কমান্ডটি চালান উদাহরণ তৈরি করুন:
ionic start
এই কমান্ড চালানোর সময় আপনি কি ধরনের প্রকল্প তৈরি করতে চান তা নির্ধারণ করতে হবে। এই উদাহরণের জন্য আমি কৌণিক নির্বাচন করেছি। এছাড়াও, আপনাকে আপনার প্রকল্পের একটি নাম দিতে হবে এবং টেমপ্লেটটি নির্বাচন করতে হবে। এই সব আপনি নিম্নলিখিত অনুরূপ একটি পর্দা থেকে নির্বাচন করতে হবে:
সেটআপ করার পর, আমরা প্রকল্পে যে নাম দিয়েছি তার সাথে একটি ফোল্ডার তৈরি হবে। প্রকল্পের কাঠামো দেখতে এই ফোল্ডারে প্রবেশ করুন.
সক্ষম হতে প্রকল্প দেখুন, একই টার্মিনালে আমরা এই অন্য কমান্ডটি চালাতে যাচ্ছি:
ionic serve --host 0.0.0.0 --port 8000
এই আদেশ দিয়ে আমরা যেকোনো হোস্টকে 8000 পোর্ট অ্যাক্সেস করার অনুমতি দেব.
যখন আপনার প্রয়োজন সবকিছু লোড করা হয়, আপনার ওয়েব ব্রাউজার খুলুন এবং যান http://localhost:8000 o http://IP-de-tu-servidor:8000 এবং আপনি উদাহরণ পৃষ্ঠাটি দেখতে পাবেন যা সদ্য তৈরি করা হয়েছে.
আয়নিক একটি আধুনিক কাঠামো যা আমাদের একটি সহজ এবং মার্জিত উপায়ে ক্রস-প্ল্যাটফর্ম অ্যাপ্লিকেশন বিকাশ করতে দেয়। এটা পাওয়া যাবে এর ইনস্টলেশন এবং অপারেশন সম্পর্কে আরও তথ্য এবং ডকুমেন্টেশন প্রকল্প ওয়েবসাইট.