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

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

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

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

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

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

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

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

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

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

2. कस्टम टैब का इस्तेमाल करके ऐप्लिकेशन में ब्राउज़िंग या ज़्यादा बेहतर इस्तेमाल के लिए वेबव्यू

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

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

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

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

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

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