WebXR প্রয়োজনীয়তা

WebXR ব্যবহার করে এআর ডেভেলপমেন্ট করতে সক্ষম একটি পরিবেশ সেটআপ করতে, আপনার প্রয়োজন হবে:

একটি নিরাপদ প্রসঙ্গ ব্যবহার করুন

একটি নিরাপদ প্রসঙ্গ হল একটি নিরাপত্তা ব্যবস্থা যা নিশ্চিত করে যে ওয়েব সংস্থানগুলি একটি নির্দিষ্ট স্তরের নিরাপত্তার সাথে স্থানান্তরিত হয়েছে। আপনার নতুন বৈশিষ্ট্যগুলির সাথে একটি বিশ্বস্ত XR অভিজ্ঞতা প্রদান করার জন্য আপনার একটি নিরাপদ প্রসঙ্গ প্রয়োজন।

নিরাপদ প্রেক্ষাপটে পরিবেশিত হওয়ার যোগ্যতা অর্জনের জন্য, আপনার সংস্থান অবশ্যই নিম্নলিখিত শর্তগুলির মধ্যে অন্তত একটি পূরণ করতে হবে:

  • সংস্থানটি অবশ্যই TLS ( https:// ) এর মাধ্যমে বিতরণ করতে হবে
  • localhost বা *.localhost এর মাধ্যমে রিসোর্সটি অবশ্যই অনুরোধ করতে হবে।

পোর্ট ফরওয়ার্ডিং সেট আপ করুন

আপনার কাছে TLS-এর মাধ্যমে অ্যাক্সেসযোগ্য কোনো ডেভেলপমেন্ট সার্ভার না থাকলে, আপনি এখনও Chrome DevTools' পোর্ট ফরওয়ার্ডিং ব্যবহার করে একটি নিরাপদ প্রেক্ষাপটে বিকাশ করতে পারেন। পোর্ট ফরওয়ার্ডিং একটি অ্যান্ড্রয়েড ডিভাইসকে ডেভেলপমেন্ট মেশিনের ওয়েব সার্ভারে হোস্ট করা সামগ্রী অ্যাক্সেস করতে সক্ষম করে৷ এটি অ্যান্ড্রয়েড ডিভাইসে একটি শোনার টিসিপি পোর্ট তৈরি করে যা ডেভেলপমেন্ট মেশিনে একটি টিসিপি পোর্টে ম্যাপ করে। ট্রাফিক তখন এই দুটি পোর্টের মধ্যে USB সংযোগের মাধ্যমে ভ্রমণ করতে পারে।

পোর্ট ফরওয়ার্ডিং সেট আপ করতে এই পদক্ষেপগুলি অনুসরণ করুন:

  1. Chrome DevTools নির্দেশাবলীতে পোর্ট ফরওয়ার্ডিং সেট আপ করার পদক্ষেপগুলি অনুসরণ করুন৷
  2. ডেভেলপমেন্ট ওয়ার্কস্টেশনে ওয়েব সার্ভার চলছে তা নিশ্চিত করুন।
  3. আপনার সংযোগ কাজ করে তা যাচাই করুন। অ্যান্ড্রয়েড ডিভাইসে Google Chrome খুলুন এবং পোর্ট ফরওয়ার্ডিং সেটিংসে উল্লেখিত পোর্ট নম্বরে localhost ব্রাউজ করুন, উদাহরণস্বরূপ, localhost:8000

ওয়েব সার্ভারের সংস্থানগুলি এখন অ্যান্ড্রয়েড ডিভাইস থেকে দৃশ্যমান হওয়া উচিত। এই সম্পদগুলি একটি সুরক্ষিত প্রসঙ্গে পরিবেশিত হয় এবং WebXR ক্ষমতা ব্যবহার করতে পারে।

একটি সমর্থিত ডিভাইস সেট আপ করুন

Android-এ AR অভিজ্ঞতা শুধুমাত্র ARCore সমর্থিত ডিভাইসে চালানো যেতে পারে। নিশ্চিত করুন যে ডিভাইসটিতে AR এর জন্য Google Play পরিষেবা ইনস্টল এবং সক্ষম করা আছে।

WebXR চালানোর জন্য ডিভাইসটি সঠিকভাবে কনফিগার করা হয়েছে কিনা তা যাচাই করতে, একটি সামঞ্জস্যপূর্ণ ব্রাউজারে একটি নমুনা WebXR পৃষ্ঠা ব্রাউজ করুন।

পরবর্তী পদক্ষেপ

এখন আপনি WebXR ব্যবহার করে AR অভিজ্ঞতা তৈরি করতে আপনার বিকাশের পরিবেশ সেট আপ করেছেন, আপনি করতে পারেন: