अपना पहला ऐप्लिकेशन बनाएं

इस ट्यूटोरियल में आपको अपना पहला Chrome ऐप्लिकेशन बनाने का तरीका बताया गया है. Chrome ऐप्लिकेशन इसी तरह से बनाए गए हैं एक्सटेंशन का इस्तेमाल किया जा सकता है, ताकि मौजूदा डेवलपर मेनिफ़ेस्ट और पैकेजिंग के तरीकों को पहचान सकें. जब आप हो गया है, तो आपको अपनी रिपोर्ट को पब्लिश करने के लिए, बस अपने कोड और ऐसेट की एक ZIP फ़ाइल बनानी होगी है.

Chrome ऐप्लिकेशन में ये कॉम्पोनेंट होते हैं:

  • मेनिफ़ेस्ट से Chrome को आपके ऐप्लिकेशन, यह क्या है, इसे लॉन्च करने का तरीका, और अन्य चीज़ों के बारे में जानकारी मिलती है की अनुमति देनी होगी.
  • बैकग्राउंड स्क्रिप्ट का इस्तेमाल इवेंट पेज बनाने के लिए किया जाता है. यह पेज, ऐप्लिकेशन की लाइफ़ को मैनेज करने के लिए ज़िम्मेदार होता है साइकल.
  • सभी कोड Chrome ऐप्स पैकेज में शामिल होने चाहिए. इसमें एचटीएमएल, JS, सीएसएस, और नेटिव क्लाइंट शामिल हैं मॉड्यूल देखें.
  • सभी आइकॉन और अन्य ऐसेट को भी पैकेज में शामिल करना ज़रूरी है.

पहला चरण: मेनिफ़ेस्ट बनाना

सबसे पहले अपनी 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" }
}
अभी तक किसी भी व्यक्ति ने चेक इन नहीं किया है

दूसरा चरण: बैकग्राउंड स्क्रिप्ट बनाएं

इसके बाद, यहां दिए गए कॉन्टेंट के साथ background.js नाम की एक नई फ़ाइल बनाएं:

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

ऊपर दिए गए सैंपल कोड में, जब उपयोगकर्ता ऐप्लिकेशन शुरू करेगा, तब onलॉन्च इवेंट ट्रिगर होगा. यह फिर तुरंत तय चौड़ाई और ऊंचाई के ऐप्लिकेशन के लिए एक विंडो खोलता है. आपका बैकग्राउंड स्क्रिप्ट में अतिरिक्त श्रोता, विंडो, पोस्ट संदेश, और लॉन्च डेटा हो सकते हैं, ये सभी का इस्तेमाल ऐप्लिकेशन को मैनेज करने के लिए इवेंट पेज पर किया जाता है.

चरण 3: विंडो पेज बनाना

अपनी window.html फ़ाइल बनाएं:

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

चौथा चरण: आइकॉन बनाना

इन आइकॉन को अपने ऐप्लिकेशन फ़ोल्डर में कॉपी करें:

पांचवां चरण: अपना ऐप्लिकेशन लॉन्च करना

फ़्लैग करने की सुविधा चालू करें

कई Chrome ऐप्स API अभी भी प्रयोगात्मक हैं, इसलिए आपको प्रयोगात्मक API सक्षम करना चाहिए ताकि तो आप इन्हें आज़मा सकते हैं:

  • chrome://flags पर जाएं.
  • "प्रयोग के लिए एक्सटेंशन एपीआई" ढूंढें और "चालू करें" पर क्लिक करें लिंक.
  • Chrome को रीस्टार्ट करें.

अपना ऐप्लिकेशन लोड करें

अपना ऐप्लिकेशन लोड करने के लिए, Chrome के सेटिंग आइकॉन पर क्लिक करके ऐप्लिकेशन और एक्सटेंशन मैनेजमेंट पेज को लाएं और टूल > एक्सटेंशन.

पक्का करें कि डेवलपर मोड चेकबॉक्स चुना गया हो.

पैक किया गया एक्सटेंशन लोड करें बटन पर क्लिक करें, अपने ऐप्लिकेशन के फ़ोल्डर पर जाएं और ठीक है पर क्लिक करें.

नया टैब खोलें और लॉन्च करें

अपना ऐप्लिकेशन लोड करने के बाद, 'नया टैब' पेज खोलें और अपने नए ऐप्लिकेशन आइकॉन पर क्लिक करें.

या कमांड लाइन से लोड और लॉन्च करें

Chrome में उपलब्ध इन कमांड लाइन विकल्पों से, आपको बार-बार इस्तेमाल करने में मदद मिल सकती है:

  • --load-and-launch-app=/path/to/app/ दिए गए पाथ से, पैक नहीं किया गया ऐप्लिकेशन इंस्टॉल करता है, और लॉन्च करता है. अगर ऐप्लिकेशन पहले से चल रहा है, तो उसे अपडेट किए गए कॉन्टेंट के साथ फिर से लोड किया जाता है.
  • --app-id=ajjhbohkjpincjgiieeomimlgnll ने Chrome में पहले से लोड किए गए किसी ऐप्लिकेशन को लॉन्च किया. इस पर काम नहीं होता पहले से चल रहे किसी भी ऐप्लिकेशन को रीस्टार्ट कर सकता है, लेकिन अपडेट किए गए कॉन्टेंट के साथ नया ऐप्लिकेशन लॉन्च हो जाता है.