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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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