अपने Android ऐप्लिकेशन में वेब कॉन्टेंट का इस्तेमाल करना

Android, आपको अपने ऐप्लिकेशन में वेब की सुविधाओं का इस्तेमाल करने की अनुमति देता है. इसलिए, आपको कुछ तरह के कॉन्टेंट को दिखाने की सुविधा मिलती है. इससे आपको फ़ायदा मिल सकता है.

इससे, मौजूदा वेब कॉन्टेंट को अपने Android ऐप्लिकेशन में आसानी से इंटिग्रेट किया जा सकता है. जैसे, न्यूज़ फ़ीड दिखाना, इंटरैक्टिव ट्यूटोरियल दिखाना, विज्ञापन दिखाना या स्क्रैच से सब कुछ बनाए बिना मिनी-गेम होस्ट करना. इसे अपने ऐप्लिकेशन में इंटरनेट की एक विंडो के तौर पर समझें. अपने ऐप्लिकेशन में वेब कॉन्टेंट एम्बेड करने के दो तरीके हैं:

  • WebView: यह वेब कॉन्टेंट को इनलाइन दिखाता है. इस कॉन्टेंट को कंट्रोल किया जा सकता है. यह कॉन्टेंट उस जगह पर दिखाया जाता है जहां आपको यूज़र इंटरफ़ेस (यूआई) को पसंद के मुताबिक बनाने या अपडेट करने में ज़्यादा आसानी चाहिए.
  • Custom Tabs: यह सुविधा, ऐप्लिकेशन में पूरी तरह से ब्राउज़िंग की सुविधा देती है. यह सुविधा, उपयोगकर्ता के डिफ़ॉल्ट ब्राउज़र (ब्राउज़र के साथ काम करने की सुविधा देखें) पर काम करती है. इसका इस्तेमाल तब किया जाता है, जब उपयोगकर्ता किसी लिंक पर क्लिक करते हैं और आपको उन्हें ऐप्लिकेशन में ही रखना होता है. इसके बजाय, उन्हें किसी बाहरी ब्राउज़र पर नहीं ले जाना होता है. इसमें ब्राउज़िंग की ज़्यादातर सुविधाएं पहले से मौजूद होती हैं.
Google Play पर Android ऐप्लिकेशन खुला है. इसमें प्राइमरी वेब व्यू को हाइलाइट किया गया है. Android For Developers का वेब पेज दिखाने वाला कस्टम टैब हाइलाइट किया गया है.
पहली इमेज. `WebView` (बाएं) और `Custom Tab` (दाएं) को हाइलाइट किया गया है.

वेब कॉन्टेंट को एम्बेड क्यों करना चाहिए?

वेब कॉन्टेंट को अपने ऐप्लिकेशन में एम्बेड करने के कई फ़ायदे हैं:

  • बेहतर परफ़ॉर्मेंस: अपनी वेबसाइट के मौजूदा कोड का फिर से इस्तेमाल करें. मौजूदा वेब टेक्नोलॉजी और कॉन्टेंट का इस्तेमाल करना.
  • इंटिग्रेशन: अपने ऐप्लिकेशन में तीसरे पक्ष की सेवा देने वाली कंपनियों का बाहरी कॉन्टेंट इस्तेमाल करें. जैसे, मीडिया और विज्ञापन.
  • लचीलापन: पहले से तय किए गए यूज़र इंटरफ़ेस (यूआई) या ऐप्लिकेशन के अपडेट रिलीज़ किए बिना, कॉन्टेंट को डाइनैमिक तरीके से अपडेट करें.

वेब कॉन्टेंट का इस्तेमाल कब करना चाहिए?

Android ऐप्लिकेशन में वेब का इस्तेमाल करने के तीन मुख्य तरीके हैं:

1. अपने ऐप्लिकेशन में वेब कॉन्टेंट को मुख्य या सहायक कॉन्टेंट के तौर पर एम्बेड करना: WebView का इस्तेमाल करें

  • अपने वेब कॉन्टेंट को प्राइमरी अनुभव के तौर पर इनलाइन दिखाएं. ऐसा तब करें, जब आपको यूज़र इंटरफ़ेस (यूआई) को पसंद के मुताबिक बनाने या अपडेट करने में ज़्यादा आसानी चाहिए हो.
  • अपने ऐप्लिकेशन में, विज्ञापन, कानूनी शर्तें और नियम या तीसरे पक्ष का अन्य कॉन्टेंट इनलाइन या विंडो के तौर पर दिखाएं.
Google Play पर खुला Android ऐप्लिकेशन. इसमें मुख्य वेब व्यू को लाल बॉक्स में हाइलाइट किया गया है Android ऐप्लिकेशन खोलने पर दिखने वाला विज्ञापन, लाल बॉक्स के अंदर टेक्स्ट के साथ.
दूसरी इमेज. ऐप्लिकेशन में एम्बेड किया गया वेब कॉन्टेंट. इसमें `WebView`s को मुख्य (बाएं) और सहायक कॉन्टेंट (दाएं) के तौर पर दिखाया गया है.

2. इन-ऐप्लिकेशन ब्राउज़िंग के लिए Custom Tabs या WebView का इस्तेमाल करना. का इस्तेमाल, ज़्यादा बेहतर तरीके से किया जा सकता है

  • जब उपयोगकर्ता किसी लिंक पर क्लिक करें और आपको उन्हें ऐप्लिकेशन में ही रखना हो, तब उन्हें ऐप्लिकेशन में ही ब्राउज़िंग का पूरा अनुभव मिलता है. इसके बजाय, उन्हें किसी बाहरी ब्राउज़र पर नहीं भेजा जाता.
    • ध्यान दें: टैबलेट और फ़ोल्ड किए जा सकने वाले डिवाइसों जैसे बड़ी स्क्रीन वाले डिवाइसों के लिए, ऐप्लिकेशन को ज़्यादा जगह का फ़ायदा देने वाले अतिरिक्त विकल्प उपलब्ध हैं:
    • ऐप्लिकेशन, launch an adjacent multi-window experience का इस्तेमाल करके, स्प्लिट स्क्रीन में वेबलिंक खोल सकते हैं. इससे उपयोगकर्ता, आपके ऐप्लिकेशन और ब्राउज़र के बीच एक साथ कई काम कर पाते हैं. या
    • Custom Tabs में साइड पैनल का विकल्प होता है, जिसे एक ही टास्क में खोला जा सकता है. हालांकि, यह आपके मौजूदा ऐप्लिकेशन के कॉन्टेंट के बगल में खुलता है.
  • Custom Tab की सुविधा, उपयोगकर्ता के डिफ़ॉल्ट ब्राउज़र पर काम करती है. यह सुविधा उन ब्राउज़र पर काम करती है जिनमें Custom Tabs की सुविधा उपलब्ध है.
    • WebView का इस्तेमाल करके, ऐप्लिकेशन में ब्राउज़िंग के अनुभव को अपनी पसंद के मुताबिक बनाया जा सकता है. हालांकि, हमारा सुझाव है कि Custom Tabs का इस्तेमाल करें. इससे उपयोगकर्ताओं को ब्राउज़र का बेहतर अनुभव मिलेगा. साथ ही, जब कोई उपयोगकर्ता ब्राउज़र में वेब लिंक खोलना चाहेगा, तो उसे आसानी से ब्राउज़िंग करने का विकल्प मिलेगा.
वेब पेज पर, ऐप्लिकेशन में मौजूद लिंक को लाल बॉक्स में दिखाया गया है. यह बॉक्स बाईं ओर है. दाईं ओर, ऐप्लिकेशन में मौजूद ब्राउज़र दिखाया गया है.
तीसरी इमेज. इन-ऐप्लिकेशन लिंक पर क्लिक करना (बाएं) और इन-ऐप्लिकेशन ब्राउज़र खोलना (दाएं).

3. आपके ऐप्लिकेशन में लॉगिन या पुष्टि करने के फ़्लो

Android का सुझाव है कि आप Credential Manager का इस्तेमाल करके, लॉगिन या पुष्टि करने के फ़्लो बनाएं. अगर आपको लगता है कि इन सुविधाओं के लिए, आपको अब भी एम्बेड किए गए वेब का इस्तेमाल करना है, तो यहां दिए गए दिशा-निर्देशों का पालन करें:

  • कुछ ऐप्लिकेशन, अपने उपयोगकर्ताओं को साइन-इन करने की सुविधा देने के लिए WebView का इस्तेमाल करते हैं. इनमें ये शामिल हैं: आपके ऐप्लिकेशन के लिए खास तौर पर बनाए गए उपयोगकर्ता नाम और पासकी (या पासवर्ड) का इस्तेमाल करना. इससे डेवलपर को अलग-अलग प्लैटफ़ॉर्म पर पुष्टि करने की प्रोसेस को एक जैसा बनाने में मदद मिलती है.
  • तीसरे पक्ष के आइडेंटिटी प्रोवाइडर या लॉगिन करने की सुविधा से लिंक करते समय, Custom Tabs का इस्तेमाल किया जाता है. जैसे, "इसके साथ साइन इन करें…". Custom Tab लॉन्च करने से, उपयोगकर्ता के क्रेडेंशियल को सुरक्षित रखने में मदद मिलती है. ऐसा इसलिए, क्योंकि इसे तीसरे पक्ष की साइट से अलग रखा जाता है.

पुष्टि करने के लिए WebView का इस्तेमाल करने के बारे में ज़्यादा जानने के लिए, वेबव्यू की मदद से उपयोगकर्ताओं की पुष्टि करना लेख पढ़ें. Custom Tab लॉन्च करने के लिए, Android कस्टम टैब के बारे में खास जानकारी देखें.

बाईं ओर वेबव्यू के साथ ऐप्लिकेशन में लॉग इन करने का फ़ील्ड. दाईं ओर कस्टम टैब के साथ तीसरे पक्ष का लॉगिन.
चौथी इमेज. ऐप्लिकेशन में लॉगिन फ़ील्ड (बाएं) और तीसरे पक्ष का लॉगिन, `Custom Tab` (दाएं) में खुला है.