সমৃদ্ধ বিজ্ঞপ্তি API, সমৃদ্ধ বিজ্ঞপ্তি API

প্ল্যাটফর্মের পার্থক্য: Chrome সংস্করণ 59-এ, Mac OS X ব্যবহারকারীদের জন্য বিজ্ঞপ্তিগুলি ভিন্নভাবে প্রদর্শিত হয়৷ Chrome এর নিজস্ব বিজ্ঞপ্তিগুলির পরিবর্তে, ব্যবহারকারীরা নেটিভ Mac OS X বিজ্ঞপ্তিগুলি দেখতে পান৷ এই নিবন্ধে আরো জানুন .

সমৃদ্ধ বিজ্ঞপ্তি API আপনাকে টেমপ্লেট ব্যবহার করে বিজ্ঞপ্তি তৈরি করতে এবং ব্যবহারকারীর সিস্টেম ট্রেতে ব্যবহারকারীদের কাছে এই বিজ্ঞপ্তিগুলি দেখাতে দেয়:

সিস্টেম ব্যবহারকারী ট্রেতে বিজ্ঞপ্তি

তারা দেখতে কেমন

সমৃদ্ধ বিজ্ঞপ্তিগুলি চারটি ভিন্ন স্বাদে আসে: মৌলিক, চিত্র, তালিকা এবং অগ্রগতি৷ সমস্ত বিজ্ঞপ্তিতে একটি শিরোনাম, বার্তা, বিজ্ঞপ্তি বার্তার বামদিকে প্রদর্শিত ছোট আইকন এবং একটি প্রসঙ্গ বার্তা ক্ষেত্র অন্তর্ভুক্ত থাকে, যা একটি হালকা রঙের ফন্টে একটি 3য় পাঠ্য ক্ষেত্র হিসাবে প্রদর্শিত হয়৷

একটি মৌলিক চিত্র:

মৌলিক বিজ্ঞপ্তি

তালিকা বিজ্ঞপ্তিগুলি যে কোনও সংখ্যক তালিকা আইটেম প্রদর্শন করে:

তালিকা বিজ্ঞপ্তি

ইমেজ বিজ্ঞপ্তি একটি ইমেজ পূর্বরূপ অন্তর্ভুক্ত:

চিত্র বিজ্ঞপ্তি

অগ্রগতির বিজ্ঞপ্তিগুলি একটি অগ্রগতি বার দেখায়:

অগ্রগতি বিজ্ঞপ্তি

তারা কিভাবে আচরণ করে

ChromeOS-এ, ব্যবহারকারীর সিস্টেম ট্রেতে বিজ্ঞপ্তিগুলি প্রদর্শিত হয় এবং ব্যবহারকারী সেগুলি খারিজ না করা পর্যন্ত সিস্টেম ট্রেতে থাকে৷ সিস্টেম ট্রে সমস্ত নতুন বিজ্ঞপ্তির গণনা রাখে। একবার ব্যবহারকারীরা সিস্টেম ট্রেতে বিজ্ঞপ্তিগুলি দেখতে পেলে, গণনা শূন্যে পুনরায় সেট করা হয়।

বিজ্ঞপ্তিগুলিকে -2 থেকে 2-এর মধ্যে একটি অগ্রাধিকার বরাদ্দ করা যেতে পারে৷ অগ্রাধিকার < 0 ChromeOS বিজ্ঞপ্তি কেন্দ্রে দেখানো হয় এবং অন্যান্য প্ল্যাটফর্মে একটি ত্রুটি তৈরি করে৷ অগ্রাধিকার 0 হল ডিফল্ট অগ্রাধিকার। অগ্রাধিকার > 0 ক্রমবর্ধমান সময়কালের জন্য দেখানো হয় এবং আরও উচ্চ অগ্রাধিকার বিজ্ঞপ্তি সিস্টেম ট্রেতে প্রদর্শিত হতে পারে।

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

বিজ্ঞপ্তিতে অ্যাকশন

কিভাবে তাদের বিকাশ করা যায়

এই API ব্যবহার করার জন্য, notifications.create পদ্ধতিতে কল করুন, options প্যারামিটারের মাধ্যমে বিজ্ঞপ্তির বিশদ বিবরণ পাস করুন:

chrome.notifications.create(id, options, creationCallback);

নোটিফিকেশন। নোটিফিকেশন অপশনে অবশ্যই একটি নোটিফিকেশন অন্তর্ভুক্ত থাকতে হবে । টেমপ্লেট টাইপ , যা উপলব্ধ বিজ্ঞপ্তির বিশদ বিবরণ এবং কীভাবে সেই বিবরণগুলি প্রদর্শিত হয় তা সংজ্ঞায়িত করে।

মৌলিক বিজ্ঞপ্তি তৈরি করুন

সমস্ত টেমপ্লেট প্রকারের ( basic , image , list এবং progress ) অবশ্যই একটি বিজ্ঞপ্তি title এবং message অন্তর্ভুক্ত করতে হবে, সেইসাথে একটি iconUrl , যা একটি ছোট আইকনের একটি লিঙ্ক যা বিজ্ঞপ্তি বার্তার বাম দিকে প্রদর্শিত হয়৷

এখানে একটি basic টেমপ্লেটের একটি উদাহরণ:

var opt = {
  type: "basic",
  title: "Primary Title",
  message: "Primary message to display",
  iconUrl: "url_to_small_icon"
}

ইমেজ বিজ্ঞপ্তি তৈরি করুন

image টেমপ্লেট টাইপের মধ্যে একটি imageUrl ও রয়েছে, যা বিজ্ঞপ্তির মধ্যে প্রিভিউ করা একটি ছবির লিঙ্ক:

প্ল্যাটফর্মের পার্থক্য: Mac OS X-এ Chrome সংস্করণ 59+ ব্যবহারকারী ব্যবহারকারীদের কাছে ছবিগুলি প্রদর্শন করা হবে না।
var opt = {
  type: "basic",
  title: "Primary Title",
  message: "Primary message to display",
  iconUrl: "url_to_small_icon",
  imageUrl: "url_to_preview_image"
}

Chrome অ্যাপ্লিকেশানগুলিতে, একটি কঠোর সামগ্রী সুরক্ষা নীতির কারণে এই URLগুলিকে অবশ্যই একটি স্থানীয় সংস্থানের দিকে নির্দেশ করতে হবে বা একটি ব্লব বা ডেটা URL ব্যবহার করতে হবে৷ আপনার ছবির জন্য একটি 3:2 অনুপাত ব্যবহার করুন; অন্যথায় একটি কালো সীমানা ছবিটিকে ফ্রেম করে।

তালিকা বিজ্ঞপ্তি তৈরি করুন

list টেমপ্লেট একটি তালিকা বিন্যাসে items প্রদর্শন করে:

প্ল্যাটফর্মের পার্থক্য: শুধুমাত্র প্রথম তালিকা আইটেমটি Mac OS X-এ Chrome সংস্করণ 59+ এ ব্যবহারকারীদের কাছে প্রদর্শিত হয়।
var opt = {
  type: "list",
  title: "Primary Title",
  message: "Primary message to display",
  iconUrl: "url_to_small_icon",
  items: [{ title: "Item1", message: "This is item 1."},
          { title: "Item2", message: "This is item 2."},
          { title: "Item3", message: "This is item 3."}]
}

অগ্রগতি বিজ্ঞপ্তি তৈরি করুন

progress টেমপ্লেট একটি অগ্রগতি বার প্রদর্শন করে যেখানে বর্তমান অগ্রগতি 0 থেকে 100 পর্যন্ত:

প্ল্যাটফর্মের পার্থক্য: Mac OS X-এ Chrome সংস্করণ 59+-এ, অগ্রগতি বার প্রদর্শনের পরিবর্তে বিজ্ঞপ্তির শিরোনামে শতকরা মান হিসাবে প্রদর্শিত হয়।
var opt = {
  type: "progress",
  title: "Primary Title",
  message: "Primary message to display",
  iconUrl: "url_to_small_icon",
  progress: 42
}

ঘটনা শোনা এবং প্রতিক্রিয়া

সমস্ত বিজ্ঞপ্তিতে ইভেন্ট শ্রোতা এবং ইভেন্ট হ্যান্ডলার অন্তর্ভুক্ত থাকতে পারে যা ব্যবহারকারীর ক্রিয়াগুলির প্রতিক্রিয়া জানায় ( chrome.events দেখুন)। উদাহরণস্বরূপ, আপনি একটি notifications.onButtonClicked ইভেন্টে প্রতিক্রিয়া জানাতে একটি ইভেন্ট হ্যান্ডলার লিখতে পারেন৷

ইভেন্ট শ্রোতা:

chrome.notifications.onButtonClicked.addListener(replyBtnClick);

অনুষ্ঠান পরিচালনাকারী:

function replyBtnClick {
    //Write function to respond to user action.
}

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