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

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

WebView का इस्तेमाल करके कॉन्टेंट एम्बेड करना

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

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

वेबव्यू क्या कर सकता है?

यहां बताया गया है कि ऐप्लिकेशन में वेबव्यू का इस्तेमाल करके क्या-क्या किया जा सकता है:

वेब को एम्बेड करना: वेबव्यू को ऐप्लिकेशन के यूज़र इंटरफ़ेस में एक कॉम्पोनेंट के तौर पर इंटिग्रेट किया जाता है. यह बटन या टेक्स्ट फ़ील्ड की तरह होता है.

कॉन्टेंट लोड करना: WebView, वेब कॉन्टेंट को अलग-अलग सोर्स से लोड कर सकता है:

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

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

JavaScript कोड लागू करना: WebView, लोड किए गए वेब पेज के कॉन्टेक्स्ट में JavaScript कोड लागू कर सकता है. इससे वेबव्यू में डाइनैमिक इंटरैक्शन और अपडेट किए जा सकते हैं.

नेटिव ऐप्लिकेशन इंटरैक्शन: इस मामले में, WebView ज़्यादा असरदार होता है. इससे वेब पेज और ऐप्लिकेशन के बीच दोनों तरफ़ से कम्यूनिकेशन किया जा सकता है.

  • JavaScript से नेटिव: WebView में चल रहा JavaScript कोड, ऐप्लिकेशन के होस्ट एपीआई को कॉल कर सकता है. इससे डिवाइस की सुविधाओं को ऐक्सेस किया जा सकता है. जैसे, कैमरा, जीपीएस या सेंसर.
  • JavaScript के लिए नेटिव: ऐप्लिकेशन, JavaScript कोड को WebView में भी इंजेक्ट कर सकता है. साथ ही, वेब पेज के कॉन्टेंट में बदलाव कर सकता है या वेब पेज से ट्रिगर होने वाले इवेंट का जवाब दे सकता है.

वेबव्यू, Chrome जैसे सामान्य ब्राउज़र से किस तरह अलग है?

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

WebView और स्टैंडर्ड ब्राउज़र के बीच के अंतर को बेहतर तरीके से समझने के लिए, यहां दी गई जानकारी पढ़ें:

यूआई: WebView का इस्तेमाल वेब कॉन्टेंट दिखाने के लिए किया जाता है. इसमें ज़्यादातर सामान्य ब्राउज़र की तरह, अपना हेडर या यूआई नहीं होता. जैसे, होम बटन, यूआरएल बार, नेविगेशन, सेटिंग वगैरह.

सुविधाएं: कई ब्राउज़र में, ब्राउज़िंग के अनुभव को बेहतर बनाने के लिए अतिरिक्त सुविधाएं पहले से मौजूद होती हैं. जैसे, बुकमार्क, अनुमतियां या इतिहास.

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

शुरुआत कहां से करें?

अपने ऐप्लिकेशन में वेबव्यू का इस्तेमाल करने के तरीके के बारे में जानने के लिए, वेबव्यू में वेब ऐप्लिकेशन बनाना लेख पढ़ें.

अन्य संसाधन

WebView ऑब्जेक्ट या कस्टम टैब का इस्तेमाल करके, Android डिवाइसों के लिए वेब पेज डेवलप करने के लिए, ये दस्तावेज़ देखें: