वेब पेजों को ChromeOS डेस्क को प्रोग्राम के हिसाब से ऐक्सेस करने की सुविधा देना

1. शुरू करने से पहले

डेस्क कनेक्टर, ChromeOS की एक सुविधा है. इसकी मदद से, वेब पेज प्रोग्राम के हिसाब से ChromeOS के वर्चुअल डेस्क ऐक्सेस कर सकते हैं. इस कोडलैब में, Chrome DevTools के साथ Desk Connector इस्तेमाल करने का तरीका बताया गया है.

ज़रूरी शर्तें

• ChromeOS के वर्चुअल डेस्क के बारे में जानकारी

आपको क्या सीखने को मिलेगा

• विंडो प्रॉपर्टी सेट करने का तरीका.
• डेस्क लॉन्च करने का तरीका.
• डेस्क को हटाने का तरीका.
• ऐक्टिव डेस्क पाने का तरीका.
• किसी दूसरे डेस्क पर स्विच करने का तरीका.

आपको इन चीज़ों की ज़रूरत होगी

• Chromebook
• ChromeOS वर्शन 113.* या इसके बाद का वर्शन. अगर यह वर्शन आपके लिए अब तक उपलब्ध नहीं है, तो बीटा चैनल पर स्विच करें.
• Google Chrome
• Desk Connector Demo extension

2. सेट अप करें

सेट अप करने के लिए, यह तरीका अपनाएं:

1. इस वेब पेज पर राइट क्लिक करें और जांच करें पर क्लिक करें.
2. Chrome DevTools पैनल में, Console पर क्लिक करें. इस कोडलैब में मौजूद सभी कोड, Console पैनल में चलाए जाते हैं.
3. (ज़रूरी नहीं) खास जानकारी वाले मोड में जाने के लिए, F5 या []|| दबाकर, पूरे कोडलैब के दौरान वर्चुअल डेस्क के साथ मैन्युअल तरीके से इंटरैक्ट किया जा सकता है.

3. विंडो प्रॉपर्टी सेट करना

SetWindowProperties एपीआई की मदद से, कोई वेब पेज प्रोग्राम के हिसाब से अपनी विंडो की प्रॉपर्टी सेट कर सकता है. allDesks प्रॉपर्टी को true वैल्यू पर सेट करने से, मौजूदा टैब की विंडो सभी डेस्क पर पिन हो जाती है.

विंडो की प्रॉपर्टी सेट करने के लिए, यह तरीका अपनाएं:

1. Console पैनल में, विंडो को सभी डेस्क पर दिखने के लिए सेट करें:

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 पर एक से ज़्यादा वर्चुअल डेस्क हैं, तो अब आपको सभी डेस्क पर मौजूदा विंडो दिखेगी.

4. मौजूदा समय में इस्तेमाल की जा रही डेस्क की जानकारी पाना

GetActiveDesk एपीआई की मदद से, वेब पेज प्रोग्राम के हिसाब से, अपने-आप होने वाली प्रोसेस के ज़रिए मौजूदा चालू डेस्क के बारे में क्वेरी कर सकता है.

• मौजूदा डेस्क की जानकारी पाने के लिए, मौजूदा डेस्क आईडी को फिर से पाएं और deskUuid प्रॉपर्टी को baseDesk वैरिएबल में सेव करें:

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

5. डेस्क लॉन्च करना

LaunchDesk एपीआई की मदद से, कोई वेब पेज प्रोग्राम के हिसाब से खाली डेस्क लॉन्च कर सकता है और उस पर स्विच कर सकता है.

डेस्क लॉन्च करने के लिए, यह तरीका अपनाएं:

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 या []|| बटन दबाकर, ओरिजनल डेस्क पर वापस जाया जा सकता है.

एक साथ ज़्यादा से ज़्यादा आठ डेस्क बनाए जा सकते हैं. अगर एपीआई से DesksCountCheckFailedError गड़बड़ी का मैसेज मिलता है, तो आपको कुछ डेस्क हटाने होंगे. इसके बाद ही, ज़्यादा डेस्क लॉन्च किए जा सकेंगे.

6. किसी डेस्क को हटाना

RemoveDesk एपीआई की मदद से, कोई वेब पेज डेस्क आईडी के हिसाब से किसी डेस्क को प्रोग्रामैटिक तरीके से हटा सकता है. यह डेस्क पर मौजूद सभी विंडो बंद कर सकता है.

आसानी के लिए, आपने हाल ही में लॉन्च किए गए डेस्क को हटा दिया है. हालांकि, असल में वेब पेज, डेस्क आईडी के हिसाब से किसी भी डेस्क को हटा सकता है.

किसी डेस्क को हटाने के लिए, यह तरीका अपनाएं:

1. हाल ही में लॉन्च किए गए डेस्क को हटाने के लिए:

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

2. डेस्क हटाने की पुष्टि करने या इसे रद्द करने के लिए, डायलॉग बॉक्स में जाकर डेस्क हटाने की पुष्टि करें. डेस्क पर मौजूद सभी विंडो बंद हो जाती हैं.

3. अगर आपको पुष्टि करने वाली विंडो के बिना डेस्क हटाने के लिए एपीआई को कॉल करना है, तो skipConfirmation पैरामीटर का इस्तेमाल करें:

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

7. किसी दूसरे डेस्क पर स्विच करना

SwitchDesk एपीआई की मदद से, वेब पेज को प्रोग्राम के हिसाब से, अपने-आप होने वाली प्रोसेस के ज़रिए किसी डेस्क पर स्विच किया जा सकता है.

आसानी से समझने के लिए, यहां डेस्क लॉन्च करने और पिछले डेस्क पर स्विच करने का तरीका बताया गया है. हालांकि, असल में वेब पेज को उसके डेस्क आईडी के हिसाब से किसी भी डेस्क पर स्विच किया जा सकता है.

किसी दूसरी डेस्क पर स्विच करने के लिए, यह तरीका अपनाएं:

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); 
  }
);

8. बधाई हो

बधाई हो! आपने Desk Connector Demo एक्सटेंशन और Chrome DevTools की मदद से, वेब पेजों को ChromeOS Desk का प्रोग्राम के ज़रिए ऐक्सेस देने का तरीका सीखा.

ज़्यादा जानें

• Desk connector API का दस्तावेज़