WebXR से जुड़ी ज़रूरी शर्तें

WebXR का इस्तेमाल करके, एआर (ऑगमेंटेड रिएलिटी) डेवलपमेंट में काम करने वाले एनवायरमेंट को सेटअप करने के लिए, आपको इनकी ज़रूरत होगी:

सुरक्षित कॉन्टेक्स्ट इस्तेमाल करें

सुरक्षित कॉन्टेक्स्ट, सुरक्षा का ऐसा तरीका है जिससे यह पक्का होता है कि वेब रिसॉर्स को सुरक्षा के एक खास लेवल के साथ ट्रांसफ़र किया गया है या नहीं. आपको अपनी नई सुविधाओं के साथ भरोसेमंद XR अनुभव देने के लिए, एक सुरक्षित कॉन्टेक्स्ट की ज़रूरत होगी.

इसके अलावा, सुरक्षित कॉन्टेक्स्ट में सेवा देने के लिए, आपके संसाधन को नीचे दी गई शर्तों में से कम से कम एक को पूरा करना होगा:

  • संसाधन को TLS (https://) पर डिलीवर किया जाना चाहिए
  • संसाधन के लिए localhost या *.localhost के ज़रिए अनुरोध किया जाना चाहिए.

पोर्ट फ़ॉरवर्डिंग सेट अप करें

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

'पोर्ट फ़ॉरवर्डिंग' सेट अप करने के लिए यह तरीका अपनाएं:

  1. Chrome DevTools के निर्देशों में पोर्ट फ़ॉरवर्डिंग सेट अप करने के लिए बताया गया तरीका अपनाएं.
  2. पक्का करें कि डेवलपमेंट वर्कस्टेशन पर वेब सर्वर चल रहा है.
  3. पुष्टि करें कि आपका कनेक्शन काम कर रहा है. Android डिवाइस पर Google Chrome खोलें और पोर्ट फ़ॉरवर्डिंग सेटिंग में बताए गए पोर्ट नंबर पर localhost तक ब्राउज़ करें, जैसे कि localhost:8000.

वेब सर्वर पर मौजूद संसाधन अब Android डिवाइस से दिखने चाहिए. ये संसाधन सुरक्षित कॉन्टेक्स्ट के हिसाब से उपलब्ध कराए जाते हैं और इनमें WebXR की सुविधाओं का इस्तेमाल किया जा सकता है.

जिस डिवाइस पर यह सुविधा काम करती है उसे सेट अप करें

Android पर एआर की सुविधाएं, सिर्फ़ ऐसे डिवाइस पर चल सकती हैं जिस पर ARCore काम करता है. पक्का करें कि डिवाइस में Google Play Services for AR इंस्टॉल किया हुआ है और वह चालू है.

यह पुष्टि करने के लिए कि डिवाइस, WebXR चलाने के लिए सही तरीके से कॉन्फ़िगर किया गया है या नहीं, इसके साथ काम करने वाले ब्राउज़र में वेबXR के सैंपल पेज पर ब्राउज़ करें.

अगले चरण

अब आपने WebXR का इस्तेमाल करके एआर (ऑगमेंटेड रिएलिटी) के अनुभव बनाने के लिए, अपना डेवलपमेंट एनवायरमेंट सेट अप कर लिया है. इसलिए, अब ये काम किए जा सकते हैं: