আপনি কি জানেন? HTML,CSS এবং Javascript দিয়ে খুব সহজেই Andorid Apk তৈরী করা সম্ভব।
হ্যাঁ, সম্ভব। আর আজকে মূলত সেই বিষয় নিয়েই আলচোনা করবো। মূল বিষয়ের দিকে যাওয়ার আগে, আপনাদের সাথে কিছু কথা বলা জরুরি মনে করতেছি ।
Trickbd তে এটি আমার প্রথম পোস্ট তাই কোন ভুল হলে, আশাকরি ক্ষমাসুন্দর দৃষ্টিতে দেখবেন।
যায় হোক, অনেক কথা বলে ফেললাম এখন মূল বিষয়ের দিকে যাওয়া যাক।
প্রথমত এ কাজের জন্য আমাদের দুটি অ্যাপস ডাউনলোড করতে হবে।
অ্যাপস দুটি হলো:
1. ZArchiver
2. Spck editor
অ্যাপস দুটি যদি ডাউনলোড করা না থাকে, তাহলে উপরে দেওয়া লিংক থেকে ডাউনলোড করে নিন। ইনস্টল সম্পুর্ণ হয়ে গেলে,এখন Spck Editor ওপেন করুন।
তারপর নিচের ছবির মতো আইকনটিতে ক্লিক করুণ।
তারপর ছবিতে দেখানো ডান সাইটের থ্রি ডট মেনুতে ক্লিক করুন।
তারপর নিচের মত create project এ ক্লিক করুন।
এর পরে নিচের ছবির মতো HTML এ ক্লিক করে একটা প্রজেক্ট তৈরী করুন, প্রজেক্টির নাম আপনে যেকোনো কিছুই দিতে পারেন। আমি:MyExersice দিলাম।( আমরা মূলত একটা ক্যালকুলেটর apps বানাবো)
তারপর
প্রজেক্ট ফোল্ডার তৈরী সম্পুর্ণ হলে, এখন নিচের মতো ইন্টারফেস দেখতে পারবেন
এখানে ছবিতে দেখানো ফাইল গুলু মাস্ট বি থাকতেই হবে।
তাই বলি নিশ্চিত হয়ে নিন অপনার তৈরি করা প্রজেক্ট ফোল্ডার এ ঠিক মতো ফাইল গুলু আছে কিনা। যদি সব ঠিক থাকে, তাহলে index.html এ আপনার সম্পুর্ণ calculator কোড লিখুন ।
যদি কোড না থাকে তাহলে , আমার দেওয়া ডেমো কোড টি নিচের থেকে কপি করে নিয়ে index.html এ পেস্ট করে দিন। সরি এখানে কোড ভেঙে যাচ্ছে তাই সরাসরি দিতে পারলাম না।
কোডটি একটু কষ্ট করে এখান থেকে ডাউনলোড করুন।
Download হয়ে গেলে zip file টি কে ZArchiver দিয়ে unzip করে কোডটি কপি করে, spck এর প্রজেক্ট ফোল্ডার এর index.html এ রাখুন।
তারপর উপরের ছবির মতো (২) , 3 ডট এ ক্লিক করে ফাইল টি Export করে download করুন।
আমাদের html,css এবং js ফাইল তৈরির কাজ সম্পুর্ণ এখন আমরা দেখবো, কি ভাবে এই ফাইল দিয়ে একটা android apk বানানো যায়।
Note: আমি কোডের জন্য যে ফাইল দিছি এবং এখন যে ফাইল বানালাম তা প্রায় সম্পুর্ণ এক। আমি ঐ ফাইল দিয়েও apk বানিয়ে দেখাতে পারতাম, কিন্তু সেটা করলে হয়তো অনেকেই বুঝতো না। যারা জানেন কিভাবে spck editor দিয়ে zip file বানাতে হয় তাঁরা স্কিপ করতে পারেন।
HTML,CSS এবং Javascript দিয়ে মোবাইল apk তৈরির দ্বিতীয় ধাপ।
প্রথম ধাপ সম্পুর্ণ করে থাকলে চলুন এবার apk বানানো কাজ শুরু করা যাক।
প্রথমে এই লিংকে ক্লিক করে সাইট টা ওপেন করুন।
তারপর আমার দেওয়া স্ক্রিনশট ফলো করে স্টেপ বাই স্টেপ কাজ করতে থাকুন। সাইট এর উপর দিকের ডান কর্নারে মেনু আইকন এ ক্লিক করে ছবির মতো App maker এ ক্লিক করুন।
এর পর সব খালি ঘর গুলো সঠিক ভাবে পূর্ণ করুন।
খালি ঘরগুলু পূর্ণ করা হলে এবার সেটিংস গুলো ঠিক করে নিন।
তারপর আবার নিচের মতো এক্সট্রা সেটিং ও ঠিক করে নিন।
১০০% হয়ে গেলে আপনাকে আটোমেটিক app লিস্ট পেইজ এ রিডাইরেক্ট করা হবে।
এখন apk ডাউনলোড করার পালা
আপনার তৈরী apk টি ডাউনলোড করার জন্য নিচের ss এর মতো সেটিং আইকন এ ক্লিক করুন।
তারপর নিচের ss ফলো করুন।
এবার zip file টি ডাউনলোড করুন।
Apk ডাউনলোড তো হলো, এবার সেটাকে ইনস্টল করার পালা।
Apk টি install করতে ZArchiver ওপেন করে ডাউনলোড ফোল্ডার এ প্রবেশ করুন। Mycalculator v1.0.zip আকারে থাকলে সেটাকে আনজিপ করে Mycalculator v1.0>android>app-release.apk টি ইনস্টল করুন।
ইনস্টল করার সময় warrning দেখাতে পারে। সেক্ষেত্রে সিকিউরিটি স্ক্যান ছাড়াই ইনস্টল করুন (free make এর ক্ষেত্রে warnning দেখায়)
ঠিক মতো ইনস্টল হলে আপনে নিচের মতো একটা ক্যালকুলেটর অ্যাপস দেখতে পারবেন।
এভাবে আমার দেখানো ফুল প্রসেস ফলো করে আপনে খুব সহজেই শুধু HTML, CSS এবং জাভাস্ক্রিপ্ট দিয়েই একটা প্রফেশনাল মানের apk তৈরী করতে পারেন।
Webintoapp.com কে নিয়ে কিছু কথা:
WebIntoApp.com হল এমন একটি ওয়েব টুল যেটির মাধ্যমে আপনি খুব সহজেই আপনার ওয়েবসাইটকে একটি অ্যান্ড্রয়েড অ্যাপে রূপান্তর করতে পারেন, কোডিং না জেনেও। আপনি যদি কোনো নিউজ সাইট, ব্লগ, ই-কমার্স বা টুল ওয়েবসাইট চালান এবং সেটির জন্য একটি Android App চান, তাহলে এই টুলটি আপনার জন্য একদম পারফেক্ট হবে।
এটার ফ্রী ভার্সন এর সুবিধাগুলু:
✓ওয়েবভিউ অ্যাপ তৈরি করা যায়।
✓অ্যাপ প্রিভিউ অ্যাপ কেমন হবে তার ডেমো দেখতে পারবেন ।
✓ অ্যাপ আইকন ও নাম কাস্টমাইজ করতে পারবেন।
✓নোটিফিকেশন বার, Splash Screen /সিম্পল স্প্ল্যাশ স্ক্রিন ও UI অ্যাড করা যায়।
✓APK ডাউনলোড সম্পুর্ণ ফ্রি
✓ QR Code শেয়ারিং তৈরি করা যায়।
পেইড বা ডেটিকেটেড এর সুবিধা:
- Watermark-free APK: অ্যাপে WebIntoApp এর Branding থাকবে না ।
- Push Notification: Firebase ব্যবহার করে ইউজারদের নোটিফিকেশন পাঠাতে পারবেন ।
- Google Play Ready: সরাসরি Play Store-এ আপলোড করার জন্য Signed APK পাবেন ।
- AdMob Integration: নিজের অ্যাপে গুগল অ্যাড দিয়ে ইনকাম করতে পারবেন।
- Dark Mode: আপনার অ্যাপে ডার্ক/লাইট মোড সাপোর্ট থাকবে ।
- Future Update: পরবর্তীতে অ্যাপ আপডেট করতে পারবেন ।
- App Bundle Support: Google Play এর জন্য .aab ফাইল ও পাবেন ।
- Email Support যেকোনো সমস্যায় প্রিমিয়াম গ্রাহকদের জন্য সাপোর্ট থাকে ।
পোস্টটি ভালো লাগল আমারTrendnewsBd থেকে ঘুরে আসতে পারেন।
আমার পোস্ট অজকের মতো এখানেই শেষ করতেছি । আপনাদের কোথাও বুঝতে অসুবিধে হলে অবশ্যই কমেন্ট করে জানাবেন। আবার পরবর্তী কোনো পোস্ট এ শীঘ্রই দেখা হবে insha’Allah। ততদিন ভালো থাকুন সুস্থ থাকুন ভালোবাসার Trickbd এর সাথেই থাকুন। এবং পোস্টির কোথাও ভুল হলে ছোটভাই হিসেবে কমেন্টে এ গঠন মুলুক ভাবে তুলে ধরুণ ফিক্স করার চেষ্টা করবো।