ওয়েব পৃষ্ঠাগুলিকে ChromeOS ডেস্কে প্রোগ্রাম্যাটিক অ্যাক্সেস দিন৷

১. শুরু করার আগে

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

পূর্বশর্ত

• ChromeOS ভার্চুয়াল ডেস্ক সম্পর্কে ধারণা

তুমি কি শিখবে

• উইন্ডোর বৈশিষ্ট্য কীভাবে সেট করবেন।
• কিভাবে একটি ডেস্ক চালু করবেন।
• কিভাবে একটি ডেস্ক সরাবেন।
• কিভাবে একটি সক্রিয় ডেস্ক পাবেন।
• অন্য ডেস্কে কীভাবে স্যুইচ করবেন।

তোমার যা লাগবে

• একটি Chromebook
• ChromeOS সংস্করণ ১১৩.* বা তার বেশি । যদি সংস্করণটি এখনও আপনার কাছে উপলব্ধ না হয়, তাহলে বিটা চ্যানেলে স্যুইচ করুন।
• গুগল ক্রোম
• ডেস্ক সংযোগকারী ডেমো এক্সটেনশন

2. সেট আপ করুন

সেট আপ করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

1. এই ওয়েব পৃষ্ঠায় ডান-ক্লিক করুন এবং Inspect এ ক্লিক করুন।
2. Chrome DevTools প্যানেলে, Console এ ক্লিক করুন। আপনি এই কোডল্যাবের সমস্ত কোড কনসোল প্যানেলে চালান।
3. (ঐচ্ছিক) আপনি ওভারভিউ মোডে প্রবেশ করতে F5 অথবা []|| টিপে কোডল্যাব জুড়ে ভার্চুয়াল ডেস্কগুলির সাথে ম্যানুয়ালি ইন্টারঅ্যাক্ট করতে পারেন।

৩. উইন্ডোর বৈশিষ্ট্য সেট করুন

SetWindowProperties API একটি ওয়েব পৃষ্ঠাকে প্রোগ্রাম্যাটিকভাবে তার উইন্ডোর বৈশিষ্ট্য সেট করতে দেয়। যখন আপনি allDesks বৈশিষ্ট্যটিকে একটি true মানের উপর সেট করেন, তখন এটি বর্তমান ট্যাবের উইন্ডোটিকে সমস্ত ডেস্কের সাথে পিন করে।

উইন্ডোর বৈশিষ্ট্য সেট করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

1. কনসোল প্যানেলে, উইন্ডোটি সমস্ত ডেস্কে প্রদর্শিত হবে এমনভাবে সেট করুন:

chrome.runtime.sendMessage("oagemgapjncacjdaockjfaidedggjond", {
    "messageType": "SetWindowProperties",
    "operands": {
        "allDesks": true
    }
   },
  function(response) {
      console.log(response);
  }
);

সাফল্যের প্রতিক্রিয়াটি দেখতে এরকম দেখাচ্ছে: {messageType: 'OperationSuccess', operands: Array(0)}

যদি আপনি Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist , তাহলে আবার পরীক্ষা করে দেখুন যে আপনি Desk Connector Demo এক্সটেনশনটি ইনস্টল করেছেন কিনা।

2. উইন্ডোটিকে আবার একটি একক ডেস্কে প্রদর্শিত হওয়ার জন্য সেট করুন:

chrome.runtime.sendMessage("oagemgapjncacjdaockjfaidedggjond",{
    "messageType": "SetWindowProperties",
    "operands": {
        "allDesks": false
    }
   },
  function(response) {
     console.log(response);
  }
);

3. সহজে প্রদর্শনের জন্য জানালাটি আবার সব ডেস্কের সাথে পিন করুন:

chrome.runtime.sendMessage("oagemgapjncacjdaockjfaidedggjond", {
    "messageType": "SetWindowProperties",
    "operands": {
        "allDesks": true
    }
   },
  function(response) {
     console.log(response);
  }
);

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

৪. বর্তমান সক্রিয় ডেস্কটি পান

GetActiveDesk API একটি ওয়েব পৃষ্ঠাকে প্রোগ্রাম্যাটিকভাবে বর্তমান সক্রিয় ডেস্কটি জিজ্ঞাসা করতে দেয়।

• বর্তমান সক্রিয় ডেস্ক পেতে, বর্তমান ডেস্ক আইডিটি পুনরুদ্ধার করুন এবং deskUuid প্রোপার্টিটি একটি baseDesk ভেরিয়েবলে সংরক্ষণ করুন:

let baseDesk;
chrome.runtime.sendMessage("oagemgapjncacjdaockjfaidedggjond", {
    "messageType": "GetActiveDesk",
    },
   function(response) {
    console.log(response);
    if(response && response.operands) {
    baseDesk = response.operands.deskUuid; 
   }       
  }
);

৫. একটি ডেস্ক চালু করুন

LaunchDesk API একটি ওয়েব পৃষ্ঠাকে প্রোগ্রাম্যাটিকভাবে একটি খালি ডেস্ক চালু করতে এবং এতে স্যুইচ করতে দেয়।

একটি ডেস্ক চালু করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

1. test নামে একটি ডেস্ক চালু করুন।
2. একটি newDesk1 ভেরিয়েবল তৈরি করুন যা ডেস্কের deskUuid প্রোপার্টি সংরক্ষণ করে।

let newDesk1;                   
chrome.runtime.sendMessage(
    "oagemgapjncacjdaockjfaidedggjond", {
        "messageType": "LaunchDesk",
        "operands": {
            "deskName": "test"           
        }
    },
    function(response) {
     console.log(response);
     if(response&&response.operands) {
     newDesk1 = response.operands.deskUuid;   
    }  
   }
);

আপনাকে নতুন চালু হওয়া ডেস্কে নিয়ে আসা হবে। যদি আপনার কনসোল উইন্ডোটি তার নিজস্ব উইন্ডোতে থাকে, তাহলে কনসোল উইন্ডোটি মূল ডেস্কে থাকবে। আপনি F5 অথবা []|| কী টিপে মূল ডেস্কে স্যুইচ করতে পারেন।

আপনার একই সময়ে আটটি পর্যন্ত ডেস্ক থাকতে পারে। যদি API একটি DesksCountCheckFailedError ত্রুটি ফেরত দেয়, তাহলে আরও চালু করার আগে আপনাকে কিছু ডেস্ক সরিয়ে ফেলতে হবে।

৬. একটি ডেস্ক সরান

RemoveDesk API একটি ওয়েব পৃষ্ঠাকে তার ডেস্ক আইডি দ্বারা প্রোগ্রাম্যাটিকভাবে একটি ডেস্ক সরাতে দেয়। এটি ডেস্কের সমস্ত উইন্ডো বন্ধ করতে পারে।

সহজতার জন্য, আপনি নতুন চালু হওয়া ডেস্কটি সরিয়ে ফেলুন। তবে, বাস্তবে, ওয়েব পৃষ্ঠাটি তার ডেস্ক আইডি দ্বারা নির্ধারিত যেকোনো ডেস্ক সরিয়ে ফেলতে পারে।

একটি ডেস্ক সরাতে, এই পদক্ষেপগুলি অনুসরণ করুন:

1. নতুন চালু হওয়া ডেস্কটি সরিয়ে ফেলুন:

chrome.runtime.sendMessage("oagemgapjncacjdaockjfaidedggjond", {
    "messageType": "RemoveDesk",
    "operands": {
        "deskId": newDesk1                        
    }
  },
  function(response) {
     console.log(response);
  }
);

2. যে ডায়ালগে আপনাকে অপসারণ নিশ্চিত করতে বা বাতিল করতে বলা হবে, সেখানে ডেস্ক অপসারণ নিশ্চিত করুন। ডেস্কের সমস্ত উইন্ডো বন্ধ হয়ে যাবে।

3. যদি আপনি নিশ্চিতকরণ উইন্ডো ছাড়াই ডেস্কটি সরাতে API কল করতে চান, তাহলে skipConfirmation প্যারামিটারটি ব্যবহার করুন:

chrome.runtime.sendMessage("oagemgapjncacjdaockjfaidedggjond", {
    "messageType": "RemoveDesk",
    "operands": {
        "deskId": newDesk1,
        "skipConfirmation":true
   }
  },
  function(response) {
     console.log(response);
  }
);

৭. অন্য ডেস্কে যান

SwitchDesk API একটি ওয়েব পৃষ্ঠাকে প্রোগ্রাম্যাটিকভাবে একটি নির্ধারিত ডেস্কে স্যুইচ করতে দেয়।

সহজ করার জন্য, আপনি একটি ডেস্ক চালু করেন এবং পূর্ববর্তী ডেস্কে স্যুইচ করেন। তবে, বাস্তবে, ওয়েব পৃষ্ঠাটি তার ডেস্ক আইডি দ্বারা যেকোনো মনোনীত ডেস্কে স্যুইচ করতে পারে।

অন্য ডেস্কে স্যুইচ করতে, এই পদক্ষেপগুলি অনুসরণ করুন:

1. একটি ডেস্ক চালু করুন:

let newDesk1;                   
chrome.runtime.sendMessage(
    "oagemgapjncacjdaockjfaidedggjond", {
        "messageType": "LaunchDesk",
        "operands": {
            "deskName": "test"          
        }
    },
    function(response) {
     console.log(response);
     if(response && response.operands) {
     newDesk1 = response.operands.deskUuid;
    }     
   }
);

2. আগের ডেস্কে স্যুইচ করুন:

chrome.runtime.sendMessage("oagemgapjncacjdaockjfaidedggjond", {
    "messageType": "SwitchDesk",
    "operands": {
        "deskId": baseDesk                 
   }
  },
   function(response) {
       console.log(response); 
  }
);

৮. অভিনন্দন

অভিনন্দন! আপনি ডেস্ক কানেক্টর ডেমো এক্সটেনশন এবং Chrome DevTools ব্যবহার করে ChromeOS ডেস্কে ওয়েব পৃষ্ঠাগুলিকে প্রোগ্রাম্যাটিক অ্যাক্সেস দেওয়ার পদ্ধতি শিখেছেন।

আরও জানুন

• ডেস্ক সংযোগকারী API ডকুমেন্টেশন