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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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