Cordova / Phonegap CLI এবং HTML5 ব্যবহার করে iOS অ্যাপ ডেভেলপমেন্ট

Cordova / Phonegap CLI ব্যবহার করে iOS অ্যাপ ডেভেলপমেন্ট ভয়াবহ রকমের সোজা। মাত্র কয়েকটি কমান্ডলাইন, আর কিছু না।

Cordova দিয়ে iOS অ্যাপ তৈরি করার আগে Cordova ইন্সটল করতে হবে। আর Cordova ইন্সটল করার আগে আমাদের Node.js ইন্সটল করতে হবে।

Node.js ইন্সটল করার জন্য http://nodejs.org/ গিয়ে আপনার ম্যাকে ইন্সটল করে নিন।

ইন্সটল হয়ে গেলে আমরা Cordova ইন্সটল করার জন্য প্রস্তুত। আপনার ম্যাকের টার্মিনাল ওপেন করে নিচের কমান্ডটি লিখুনঃ

$ sudo npm install

 

আপনার ম্যাকের পাসওয়ার্ড চাইবে, পাসওয়ার্ড দিয়ে return চাপুন। কিছুক্ষণ লাগবে সব কিছু ইন্সটল হতে। ইন্সটল শেষে আমরা একটি Cordova প্রজেক্ট করার জন্য প্রস্তুত। তার জন্য লিখতে হবে নিচের মত করে কমান্ডঃ

$ cordova create hello com.example.hello HelloWorld

এখানেcordova create মানে একটি প্রজেক্ট তৈরি কর। hello মানে প্রজেক্টের ফোল্ডরের নাম। যেখানে প্রজেক্টটি তৈরি হবে। com.example.hello হচ্ছে প্রজেক্টের reverse domain-style identifier। এবং HelloWorld হচ্ছে প্রজেক্টের নাম। cordova create ছাড়া আপনি বাকি সব কিছুই পরিবর্তন করে আপনার প্রজেক্টের নাম অনুযায়ী দিতে পারবেন।

উপরের কমান্ড কমপ্লিট হলে আপনার জন্য একটি প্রজেক্ট তৈরি হয়ে যাবে। যা আপনার হোম ফোল্ডারে দেখতে পারবেন। আপনার ম্যাকের HDD / SSD ফোল্ডারে ঢুকে Users ফোল্ডারে যান, ঐখানে আপনার নাম দিয়ে একটা ফোল্ডার পাবেন। তার ভেতরে hello নামের প্রজেক্টটি আপনি দেখতে পাবেন।

আমাদের আরেকটু কাজ বাকি রয়েছে, আমরা এখন iOS এর জন্য অ্যাপ তৈরি করব। কিন্তু তৈরি করেছি শুধু একটা Crodova প্রজেক্ট। iOS প্লাটফরম আমাদের প্রজেক্টে যুক্ত করতে হবে। তার জন্য প্রথমে আমাদের ডিরেক্টরি চেঞ্জ করে hello ডিরেক্টরিতে ঢুকতে হবে। তার জন্য লিখবঃ

$ cd hello

hello ডিরেক্টরিতে নেভিগেট করার পর আমরা এবার আমাদের প্রজেক্টে iOS প্লাটফরম যুক্ত করতে পারব। তার জন্য নিচের কমান্ড লিখবঃ

$ cordova platform add ios

এখন আমাদের জন্য একটি iOS প্রজেক্ট তৈরি হয়ে গেছে। ইচ্ছে করলে আমরা এবার তা Build করে নিতে পারি। তার জন্যঃ

$ cordova build

আমাদের এখন কাজ হচ্ছে প্রজেক্টটি Xcode এ ওপেন করা। তার জন্য hello ফোল্ডারের ভেতরে ঢুকব, এরপর ঐখানে Platforms নামে আরেকটি ফোল্ডার পাবো। এখানে পাবো iOS নামে একটি ফোল্ডার। এবং এর ভেতরে পাবো HelloWorld.xcodeproj নামে একটি ফাইল। এটি ওপেন করলেই Xcode আমাদের প্রজেক্টটি ওপেন হবে। এবার আমরা ইচ্ছে করলে প্রয়োজনীয় পরিবর্তন করে Xcode এ iOS ইমিউলেটর বা iOS ডিভাইসে প্রজেটটি রান করে দেখতে পারব।

অনেক সহজ। তাই না?

আমরা যখন Cordova দিয়ে কোন প্রজেক্ট তৈরি করব, তখন আমাদের জন্য কিছু ডামি HTML ফাইল তৈরি করবে। এবং তাই আমাদের ইমিউলেটরে দেখাবে। আমরা তো সে গুলো রাখব না, তাই না? সে গুলো পরিবর্তন করতে হবে। আর সে জন্য hello ফোল্ডার বা আপনার তৈরি করার প্রজেক্টের নামের ফোল্ডারের ভেতরে www ফোল্ডার নামে একটি ফোল্ডার পাবেন। এ www ফোল্ডারের কন্টেট গুলো আপনার HTML5 কন্টেন্ট গুলো দিয়ে রিপ্লেস করে দিন। এবং টার্মিনালে  গিয়ে আবার প্রজেক্টটি build করুন। এবং Xcode এ প্রজেক্টটি ওপেন করে দেখুন, আপনার তৈরি করা অ্যাপের কন্টেন্ট গুলো দেখাবে। build এর কমান্ড তো আমরা জানিঃ

$ cordova build

iOS অ্যাপ তৈরি করলেই তো হবে না, তা আবার iTunes এ সাবমিট করতে হবে। আর সে ক্ষেত্রে আপনাকে iOS ডেভেলপার একাউন্ট খুলতে হবে। তার জন্য প্রতি বছর আপনাকে ফি দিতে হবে ৯৯ ডলার। developer.apple.com/  এ গিয়ে আপনি তা খুলে নিতে পারবেন।

 

আপনার যদি কোন ক্রেডিট কার্ড না থাকে, তাহলেও আপনি ইচ্ছে করলে খুলতে পারবেন। আমি প্লে স্টোরে কার্ড না থাকলেও কিভাবে একাউন্ট খোলা যায়, তা নিয়ে একটি লেখা দিয়েছিলাম। সে একই পদ্ধতি ব্যবহার করে আপনি iOS ডেভেলপার একাউন্ট খুলতে পারবেন। তার জন্য নিচের লেখাটি পড়ে দেখতে পারেনঃ

ডেভেলপার একাউণ্ট খোলার পর অ্যাপ সাবমিট করার সময় হবে। বিস্তারিত ভাবে সুন্দর একটি ভিডিও রয়েছে। প্রতিটা স্টেপ সুন্দর ভাবে বর্ণনা করে দেওয়া রয়েছে। আমি অনেক গুলো ভিডিও দেখেছিলাম, এটাই সবচেয়ে ফ্লুয়েন্ট মনে হয়েছে আমার কাছে। অ্যাপ সাবমিটের বিস্তারিত জানতে তাই নিচের ভিডিওটা ফলো করতে বলবঃ

 

এখানে আমি Phonegap এর কথাও বলেছি। ফোনগ্যাপ আর Cordova একই জিনিস। তাই উপরের সকল স্টেপ গুলো Phonegap এর জন্যও কাজ করবে। তার জন্য শুধু cordova এর জাগায় phonegap লিখতে হবে।

ধন্যবাদ সবাইকে। হ্যাপি কোডিং 🙂

Leave a Reply