ফোনগ্যাপে কীভাবে একটি বেসিক অ্যান্ড্রয়েড অ্যাপ তৈরি করা যায়

এই অ্যাপ্লিকেশনটি আপনাকে জনপ্রিয় অ্যাপ-বিল্ডিং প্ল্যাটফর্ম ফোনগ্যাপ ব্যবহার করে একটি হাইব্রিড অ্যাপ তৈরি করতে শেখাবে। আমরা যা করতে যাচ্ছি তা হ'ল আপনার ওয়েবসাইটটি একটি ইনস্টলযোগ্য .apk (অ্যান্ড্রয়েড অ্যাপ্লিকেশন) ফাইল যা কোনও অ্যান্ড্রয়েড ফোনে ইনস্টল করা যেতে পারে into অ্যাপ্লিকেশন চালু হওয়ার পরে এটি অ্যান্ড্রয়েডের নেটিভ ওয়েবভিউ ব্রাউজারে আপনার ওয়েবসাইটটি সহজেই খুলবে, তবে এটি একটি পূর্ণ-স্ক্রিন অ্যাপ্লিকেশন হিসাবে উপস্থিত হবে - কোনও ইউআরএল নেভিগেশন বার বা আপনার ওয়েবসাইটটি ব্রাউজারে কেবল উপস্থাপিত হচ্ছে এমন কোনও ক্লু নেই।

প্রয়োজনীয়তা

আপনার নিজস্ব ওয়েবসাইট (এই গাইড অনুসরণ করার উদ্দেশ্যে, আপনি কেবল একটি বিনামূল্যে ওয়ার্ডপ্রেস ব্লগ শুরু করতে পারেন)

গিটহাব অ্যাকাউন্ট

ফোনগ্যাপ অ্যাকাউন্ট
নোটপ্যাড ++ (বা অনুরূপ পাঠ্য-সম্পাদনা সফ্টওয়্যার যা কোড সনাক্ত করতে পারে)
অ্যাপ্লিকেশন আইকন তৈরি করার জন্য ফটো এডিটিং সফ্টওয়্যার (ফটোশপ, জিআইএমপি, ইত্যাদি)

কোডিং টেমপ্লেট

এই কোডগুলির টেমপ্লেটগুলি আপনি এই গাইডের উদ্দেশ্যে ব্যবহার করতে পারেন - সেগুলি ফোনগ্যাপের সাহায্যে বিকাশযুক্ত আমার নিজস্ব অ্যাপ্লিকেশন থেকে, তবে আমি তাদের আমার ব্যক্তিগত তথ্য থেকে সরিয়ে নিয়েছি। সমস্ত সঠিক পরামিতিগুলির সাথে এগুলি স্ক্র্যাচ থেকে সেট আপ করতে আমার অনেক দিনের সমস্যা সমাধানের সময় নিয়েছে, তাই আমি আপনার সুবিধার জন্য এগুলি সরবরাহ করছি। আপনাকে স্বাগতম!

> কনফিগার। এক্সএমএল
> সূচক.এইচটিএমএল

শুরু হচ্ছে

আপনার ডেস্কটপে একটি ফোল্ডার তৈরি করুন এবং এটিকে কল করুন www: ' উদ্ধৃতি চিহ্ন বিনা. এটি হবে প্রকল্পের মূল ডিরেক্টরি, যেখানে ফোনগ্যাপ নির্মাতা আপনার প্রকল্পের সমস্ত ফাইল সন্ধানের প্রত্যাশা করবে। এখন আমরা আপনার অ্যাপ্লিকেশনটির জন্য একটি আইকন তৈরি করতে যাচ্ছি।

আপনার ফটো এডিটিং সফ্টওয়্যারটি খুলুন এবং .PNG ফর্ম্যাটে একটি নতুন চিত্র তৈরি করুন। আপনার চিত্র সেটিংসটি দেখতে এমন হওয়া উচিত:

এবং এখন আপনি আপনার আইকন আঁকতে পারেন, উদাহরণস্বরূপ আমি কেবল একটি ছোট বোতাম তৈরি করতে যাচ্ছি:

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

36 × 36 (120 ডিপিআই / এলডিপিআই)
48 × 48 (160 ডিপিআই / এমডিপিআই)
72 × 72 (240 ডিপিআই / এইচডিপিআই)
96 × 96 (320 ডিপিআই / এক্সএইচডিপিআই)
144 × 144 (480 ডিপিআই / এক্সএইচডিপিআই)
192 × 192 (640 ডিপিআই / এক্সএক্সএক্সডিপিআই)

আমি পর্দার আকার এবং ডিপিআই সম্পর্কে খুব বেশি সময় ব্যয় করতে চাই না, কেবল জেনে রাখুন যে ডিপিআই বেশিরভাগই স্ক্রিন রেজোলিউশনের সাথে সম্পর্কিত। এমন ফোন যা 1080 × 1920 স্ক্রিন রেজোলিউশন ব্যবহার করে 480 ডিপিআই ব্যবহার করবে, তবে এটি তা করে না অগত্যা পর্দার আকারের সাথে একে অপরের সাথে সম্পর্কযুক্ত। একটি ফোনের একটি 5.2 'স্ক্রিন বা 6' স্ক্রিন থাকতে পারে এবং তার 1080 × 1920 রেজোলিউশন থাকতে পারে। তবে এই গাইডটি স্মার্টফোন স্ক্রিন সম্পর্কে নয়, তাই চলুন।

আপনি আপনার আইকনটি আঁকার পরে, এটি সংরক্ষণ করুন icon.png এবং এটি আপনার www: ফোল্ডারের ভিতরে নিয়ে যান। এটি হয়ে যাবে ডিফল্ট আপনার অ্যাপ্লিকেশন জন্য আইকন। আপনি যদি বিভিন্ন আকারে আইকন তৈরি করতে চান যা ব্যবহারকারীর স্ক্রিন রেজোলিউশনের সাথে মেলে, আপনি আইকনটি বিভিন্ন আকার এবং নামগুলিতে সংরক্ষণ করতে পারবেন, উদাহরণস্বরূপ আইকন 144.png, আইকন 192.png, আইকন 96.png, এবং আরও কিছু। তারপরে আপনি এডিট করবেন কনফিগার.এক্সএমএল প্রতিটি স্বতন্ত্র আইকন দেখানোর জন্য ফাইল। চল এগোই.

সুতরাং এখন আপনার অ্যাপ্লিকেশনটির জন্য আপনার একটি আইকন রয়েছে, আপনার একটি স্প্ল্যাশ চিত্র দরকার। এটি মূলত একটি লোডিং স্ক্রিন, ওয়ালপেপারের মতো যা আপনার অ্যাপ্লিকেশন লোড হওয়ার আগে প্রদর্শিত হয়। স্প্ল্যাশ চিত্রের আকারগুলি আইকনগুলির মতো একই নীতিতে কাজ করে তবে কিছুটা বড়। টেবিলটি এখানে:

• এলডিপিআই:
  • প্রতিকৃতি: 200x320px
  • ল্যান্ডস্কেপ: 320x200px
• এমডিপিআই:
  • প্রতিকৃতি: 320x480px
  • ল্যান্ডস্কেপ: 480x320px
• এইচডিপিআই:
  • প্রতিকৃতি: 480x800px
  • ল্যান্ডস্কেপ: 800x480px
• এক্সএইচডিপিআই:
  • প্রতিকৃতি: 720px1280px
  • ল্যান্ডস্কেপ: 1280x720px
• XXHDPI:
  • প্রতিকৃতি: 960px1600px
  • ল্যান্ডস্কেপ: 1600x960px
• XXXHDPI:
  • প্রতিকৃতি: 1280px1920px
  • ল্যান্ডস্কেপ: 1920x1280px

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

সূচক.এইচটিএমএল এবং কনফিগার। এক্সএমএল ব্যাখ্যা করা হয়েছে

কনফিগ.এক্সএমএল ফাইল হ'ল বিল্ড এনভায়রনমেন্ট (অ্যান্ড্রয়েড, আইফোন, উইন্ডোজ ফোন), আইকন এবং স্প্ল্যাশ লোকেশন এবং অ্যাপ্লিকেশনটিতে আপনি যে অ্যাপাচি কর্ডোভা প্লাগ-ইনগুলি ব্যবহার করতে চান তা সেট করে।

আমি নোটপ্যাড ++ এ সরবরাহিত টেম্পলেটটি খুলুন এবং আপনি শীর্ষগুলির নিকটে এই লাইনগুলি দেখতে পাবেন:

আপনার তথ্য সহ সেই ক্ষেত্রগুলি আপডেট করুন, তবে 'পছন্দসই' ক্ষেত্রগুলি একা ছেড়ে যান। কনফিগার ফাইলের বাকি অংশগুলি স্ব-বর্ণনামূলক যদি আপনি কেবলমাত্র মানগুলি দেখেন। পছন্দসই নাম = 'ফুলস্ক্রিন' উদাহরণস্বরূপ অ্যাপটিকে একটি পূর্ণস্ক্রিন অ্যাপ্লিকেশন হিসাবে নিজেকে চালু করতে বলে। ফাইলের নীচে এই শেষ মানটি বাদ দিয়ে সবকিছু ছেড়ে দিন:

আপনার প্রকৃত ওয়েবসাইট ইউআরএল এ এটি পরিবর্তন করুন। এটি অ্যাপ্লিকেশন ব্যবহারকারীকে আপনার ওয়েবসাইট, এবং কেবল আপনার ওয়েবসাইটকে পুরোপুরি নেভিগেট করার অনুমতি দেবে - তারা আপনার অ্যাপ্লিকেশনটি ব্যবহার করার সময় আপনার ওয়েবসাইটটি ছেড়ে যেতে পারে না। অবশ্যই অ্যাপটির কোনও ইউআরএল নেভিগেশন বার থাকবে না, এটি এমনকি উদ্বেগের বিষয় নয়, তবে এটিও নিশ্চিত করে যে ব্যবহারকারী আপনার ওয়েবসাইটের সমস্ত পৃষ্ঠা অ্যাক্সেস করতে পারে। ওয়েবসাইট URL এর পরে * একটি ওয়াইল্ডকার্ড , যার কোডিং জারগন মানেই যে এটি * চিহ্নের জায়গায় প্রবেশ করা যে কোনও কিছু গ্রহণ করবে।

অবশ্যই, আপনি যদি আপনার ওয়েবসাইটটিতে কেবল নির্দিষ্ট পৃষ্ঠায় ব্যবহারকারীর সীমাবদ্ধ রাখতে চান তবে আপনি আলাদা আলাদা মান যুক্ত করতে পারেন:

আসুন চলুন সূচক। Html ফাইল, এটি অ্যাপটি আসলে কাজ করার রুটি এবং মাখন। এটিকে নোটপ্যাড ++ এর মধ্যে খুলুন এবং নথির ভাষাটি এইচটিএমএলে স্যুইচ করুন। ইনডেক্স। এইচটিএমএল মূলত যা করে তা হ'ল অ্যান্ড্রয়েড ব্রাউজারকে কীভাবে আপনার ওয়েবসাইটটি প্রদর্শন করতে হয় - তা আমি যে টেমপ্লেট সরবরাহ করেছি তাতে ব্রাউজার থেকে ইউআরএল নেভিগেশন বারটি সরিয়ে ফেলার জন্য ফোনের 'পিছনে' বোতামটি অ্যাপ্লিকেশন থেকে বেরিয়ে আসতে, এবং লঞ্চ করতে দেওয়া আছে স্প্ল্যাশ স্ক্রিন প্রদর্শিত হওয়ার পরে অ্যাপ্লিকেশনটি। আপনি যে রেখাটি পরিবর্তন করতে চান তা এখানে রয়েছে:

var url = ‘http://yourwebsite.com’

ফোনগ্যাপ বিল্ডে অ্যাপ তৈরি করা

সুতরাং আপনার গিটহাব অ্যাকাউন্টে লগইন করুন এবং আপনার ভাণ্ডারের মূল পৃষ্ঠায় নেভিগেট করুন। সংগ্রহস্থলের নামে, 'আপলোড ফাইলগুলি' ক্লিক করুন এবং আপনার প্রকল্প ফোল্ডারটিকে ফাইল ট্রি স্ক্রিনে টানুন। এখন নীচে একটি প্রতিশ্রুতি বার্তা টাইপ করুন, ' আমার প্রথম অ্যাপ্লিকেশন প্রচেষ্টা ' । পরিশেষে পরিবর্তনগুলি ক্লিক করুন।

এখন যান ফোনগ্যাপ বিল্ড পৃষ্ঠা এবং সাইন ইন করুন Now এখন বিল্ড পৃষ্ঠায় 'নতুন অ্যাপ' বোতামটি ক্লিক করুন click এটি আপনাকে আপনার গিটহাব সংগ্রহস্থলের পথে প্রবেশ করতে বলবে, তাই করুন এবং তারপরে '.git reposity থেকে টানুন' ক্লিক করুন।

এখন মূল বিল্ড পৃষ্ঠায় ফিরে 'আপডেট কোড' এবং 'সর্বশেষ টানুন' ক্লিক করুন।

অবশেষে, 'বিল্ড' ক্লিক করুন। এটি আপনার অ্যাপ্লিকেশনটিকে একটি .apk ফাইলে সংকলন করবে এবং তারপরে আপনাকে .apk ডাউনলোড করার বিকল্পটি উপস্থিত করবে। আপনি এখন এই .apk ফাইলটি আপনার কম্পিউটারে ডাউনলোড করতে এবং এটি আপনার ফোনে স্থানান্তর করতে পারেন, তারপরে সেখান থেকে ইনস্টল করুন। বিকল্পভাবে, আপনি আপনার অ্যান্ড্রয়েড ডিভাইসে .apk ফাইলটি স্বয়ংক্রিয়ভাবে ইনস্টল করতে আপনার কম্পিউটারের স্ক্রিনে কিউআর কোডটি স্ক্যান করতে আপনার ফোনটি ব্যবহার করতে পারেন।

এটাই! এখন, আপনাকে কয়েকটি গুরুত্বপূর্ণ বিষয় ব্যাখ্যা করতে:

• এটি একটি চূড়ান্ত সরলীকৃত গাইড যা হাইব্রিড অ্যাপ্লিকেশনগুলির সর্বাধিক বুনিয়াদ তৈরি করার জন্য আপনাকে অনুসরণ করেছিল। লোকেরা সাধারণত তাদের ওয়েবসাইটগুলিকে কোনও নেটিভ ব্রাউজারে মুড়ে ফেলা এবং গুগল প্লে স্টোরটিতে অ্যান্ড্রয়েড অ্যাপ্লিকেশন হিসাবে বন্ধ করে দেয় না। তবে এখন আপনি এটি কীভাবে করবেন তা জানেন, আপনি কীভাবে আপনার অ্যাপ্লিকেশনটি কাস্টমাইজ করতে পারবেন এবং এতে প্রচুর স্বাদ যুক্ত করতে পারেন সে সম্পর্কে ফোনগ্যাপ ডকুমেন্টেশন পড়া শুরু করতে পারেন, যাতে আপনি আশাবাদী একটি কার্যকর অ্যাপ্লিকেশন তৈরি করতে পারেন।
• দ্বিতীয়ত, গুগল প্লে উপার্জনের একক উদ্দেশ্যে লিংক-স্কিম অ্যাপ্লিকেশন তৈরি করতে এই ধরণের অ্যাপ-বিল্ডিং পদ্ধতি নিষিদ্ধ করে। সুতরাং আপনি 'আজ অর্থ উপার্জন করুন' নামে একটি অ্যাপ তৈরি করতে পারবেন না! এটি বিজ্ঞাপন উপার্জনে বিজ্ঞাপন এবং ব্যাঙ্কে পূর্ণ একটি ওয়েবসাইট খুলবে op আপনি গুগল প্লে স্টোর থেকে নিষিদ্ধ করা হবে।