আপনার প্রথম অ্যাপ তৈরি করুন

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

একটি Chrome অ্যাপে এই উপাদানগুলি রয়েছে:

  • ম্যানিফেস্ট ক্রোমকে আপনার অ্যাপ, এটি কী, এটি কীভাবে লঞ্চ করতে হয় এবং এর জন্য প্রয়োজনীয় অতিরিক্ত অনুমতিগুলি সম্পর্কে জানায়৷
  • ব্যাকগ্রাউন্ড স্ক্রিপ্টটি অ্যাপের জীবনচক্র পরিচালনার জন্য দায়ী ইভেন্ট পৃষ্ঠা তৈরি করতে ব্যবহৃত হয়।
  • সমস্ত কোড অবশ্যই Chrome অ্যাপ প্যাকেজে অন্তর্ভুক্ত করতে হবে। এর মধ্যে HTML, JS, CSS এবং নেটিভ ক্লায়েন্ট মডিউল রয়েছে।
  • সমস্ত আইকন এবং অন্যান্য সম্পদ অবশ্যই প্যাকেজে অন্তর্ভুক্ত করতে হবে।

ধাপ 1: ম্যানিফেস্ট তৈরি করুন

প্রথমে আপনার manifest.json ফাইল তৈরি করুন ( ফরম্যাট: ম্যানিফেস্ট ফাইলগুলি এই ম্যানিফেস্টটিকে বিশদভাবে বর্ণনা করে):

{
  "name": "Hello World!",
  "description": "My first Chrome App.",
  "version": "0.1",
  "manifest_version": 2,
  "app": {
    "background": {
      "scripts": ["background.js"]
    }
  },
  "icons": { "16": "calculator-16.png", "128": "calculator-128.png" }
}

ধাপ 2: ব্যাকগ্রাউন্ড স্ক্রিপ্ট তৈরি করুন

পরবর্তীতে নিম্নলিখিত বিষয়বস্তু সহ background.js নামে একটি নতুন ফাইল তৈরি করুন:

chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create('window.html', {
    'outerBounds': {
      'width': 400,
      'height': 500
    }
  });
});

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

ধাপ 3: একটি উইন্ডো পৃষ্ঠা তৈরি করুন

আপনার window.html ফাইল তৈরি করুন:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <div>Hello, world!</div>
  </body>
</html>

ধাপ 4: আইকন তৈরি করুন

আপনার অ্যাপ ফোল্ডারে এই আইকনগুলি অনুলিপি করুন:

ধাপ 5: আপনার অ্যাপ চালু করুন

পতাকা সক্ষম করুন

অনেকগুলি Chrome Apps API এখনও পরীক্ষামূলক, তাই আপনার পরীক্ষামূলক API সক্ষম করা উচিত যাতে আপনি সেগুলি ব্যবহার করে দেখতে পারেন:

  • chrome://flags এ যান।
  • "পরীক্ষামূলক এক্সটেনশন APIs" খুঁজুন এবং এর "সক্ষম করুন" লিঙ্কে ক্লিক করুন।
  • Chrome পুনরায় চালু করুন।

আপনার অ্যাপ লোড করুন

আপনার অ্যাপ লোড করতে, Chrome সেটিংস আইকনে ক্লিক করে এবং টুল > এক্সটেনশন বেছে নিয়ে অ্যাপ এবং এক্সটেনশন পরিচালনা পৃষ্ঠাটি আনুন।

নিশ্চিত করুন যে বিকাশকারী মোড চেকবক্স নির্বাচন করা হয়েছে।

লোড আনপ্যাকড এক্সটেনশন বোতামে ক্লিক করুন, আপনার অ্যাপের ফোল্ডারে নেভিগেট করুন এবং ঠিক আছে ক্লিক করুন।

নতুন ট্যাব খুলুন এবং চালু করুন

একবার আপনি আপনার অ্যাপ লোড করলে, একটি নতুন ট্যাব পৃষ্ঠা খুলুন এবং আপনার নতুন অ্যাপ আইকনে ক্লিক করুন।

অথবা, কমান্ড লাইন থেকে লোড করুন এবং লঞ্চ করুন

ক্রোমের এই কমান্ড লাইন বিকল্পগুলি আপনাকে পুনরাবৃত্তি করতে সাহায্য করতে পারে:

  • --load-and-launch-app=/path/to/app/ প্রদত্ত পাথ থেকে আনপ্যাক করা অ্যাপ্লিকেশনটি ইনস্টল করে এবং এটি চালু করে। অ্যাপ্লিকেশনটি ইতিমধ্যেই চলমান থাকলে এটি আপডেট করা সামগ্রীর সাথে পুনরায় লোড করা হয়।
  • --app-id=ajjhbohkjpincjgiieeomimlgnll ইতিমধ্যেই Chrome এ লোড করা একটি অ্যাপ চালু করেছে৷ এটি পূর্বে চলমান কোনো অ্যাপ রিস্টার্ট করে না, তবে এটি যেকোনো আপডেটেড কন্টেন্ট সহ নতুন অ্যাপ চালু করে।