विज़न एपीआई प्रॉडक्ट सर्च की मदद से प्रॉडक्ट इमेज के लिए खोज का बैकएंड बनाना

1. शुरू करने से पहले

25939f5a13eeb3c3.png

प्रॉडक्ट की इमेज के लिए खोज वाले लर्निंग पाथवे में, पहले आपने प्रॉडक्ट कैटलॉग से दिखने वाले मिलते-जुलते प्रॉडक्ट को दिखाने के लिए, विज़न एपीआई प्रॉडक्ट सर्च की मदद से बनाए गए प्रॉडक्ट के खोज बैकएंड को कॉल करने का तरीका सीखा.

इस कोडलैब में आप #39;अपना प्रॉडक्ट कैटलॉग इस्तेमाल करके, मिलता-जुलता बैकएंड बनाने का तरीका जानेंगे.

आप क्या #39;जानेंगे

  • विज़न एपीआई प्रॉडक्ट सर्च की मदद से प्रॉडक्ट खोज का बैकएंड बनाने का तरीका
  • मोबाइल ऐप्लिकेशन से Vision API को ऐक्सेस करने के लिए API (एपीआई) कुंजी सेट अप करने का तरीका

आपको क्या चाहिए

  • बिलिंग की सुविधा वाला कोई Google Cloud खाता (यह मुफ़्त में आज़माने वाला खाता हो सकता है)

2. Vision एपीआई प्रॉडक्ट सर्च के बारे में जानकारी

विज़न एपीआई प्रॉडक्ट सर्च, Google Cloud की एक सुविधा है. इसकी मदद से खुदरा दुकानदार, प्रॉडक्ट बना सकते हैं. इन सभी इमेज में रेफ़रंस इमेज भी होती हैं, जो व्यूपॉइंट के सेट से प्रॉडक्ट की विज़ुअल जानकारी देती हैं. खुदरा दुकानदार इन प्रॉडक्ट को, प्रॉडक्ट सेट में जोड़ सकते हैं. फ़िलहाल, Vision API प्रॉडक्ट सर्च इन प्रॉडक्ट कैटगरी के साथ काम करता है: घरेलू सामान, कपड़े, खिलौने, पैकेज किए गए सामान, और सामान्य.

जब उपयोगकर्ता प्रॉडक्ट सेट की इमेज अपनी इमेज से क्वेरी करते हैं, तो Vision API प्रॉडक्ट सर्च, उपयोगकर्ता की #/39;s प्रॉडक्ट सेट की इमेज से प्रॉडक्ट की तुलना करने के लिए मशीन लर्निंग का इस्तेमाल करता है. इसके बाद, इमेज के तौर पर मिलते-जुलते नतीजे दिखाता है.

3. Google Cloud की मदद से बैकएंड बनाएं

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

ट्यूटोरियल पूरा करने के बाद, अपने मोबाइल ऐप्लिकेशन से बैकएंड को कॉल करने के लिए, एपीआई कुंजी सेट अप करने के लिए नीचे दिया गया तरीका अपनाएं.

4. API (एपीआई) कुंजी सेट अप करें

Vision API प्रॉडक्ट सर्च क्विकस्टार्ट में आपने एक प्रॉडक्ट सर्च बैकएंड बनाया है, जो क्वेरी इमेज ले सकता है और दिखने में मिलते-जुलते प्रॉडक्ट दिखा सकता है. किसी मोबाइल ऐप्लिकेशन से प्रॉडक्ट सर्च एपीआई को कॉल करने के लिए, आपको एक एपीआई कुंजी सेट अप करनी होगी. इसके बाद, एपीआई कुंजी के ऐक्सेस को अपने मोबाइल ऐप्लिकेशन तक सीमित करना होगा, ताकि बिना अनुमति के इसका इस्तेमाल न किया जा सके.

एपीआई कुंजी बनाना

  1. Cloud Console > एपीआई और एएमपीgt पर जाएं. आप इस यूआरएल पर भी क्लिक करके, वह प्रोजेक्ट चुन सकते हैं जिसे आपने 'प्रॉडक्ट के लिए खोज' में इस्तेमाल किया था.
  2. क्रेडेंशियल बनाएं &g; एपीआई कुंजी चुनें. अगर आपकी एपीआई कुंजी बन गई, तो आपको यह डायलॉग दिखेगा:

d0bc04782a41a698.png

इस एपीआई कुंजी का ध्यान रखें. आप इसे बाद में इस कोडलैब (कोड बनाना सीखना) में इस्तेमाल कर पाएंगे.

एपीआई कुंजी का ऐक्सेस प्रतिबंधित करना

ऊपर दिया गया संकेत देखते समय, कुंजी पर पाबंदी लगाएं चुनें.

इन पाबंदियों को लागू करने के लिए, स्क्रीन पर दिए गए निर्देशों का पालन करें:

  • ऐप्लिकेशन पाबंदियां > Android ऐप्लिकेशन
  • API प्रतिबंध > कुंजी को प्रतिबंधित करें > Cloud Vision API

5. मोबाइल ऐप्लिकेशन डाउनलोड करना और चलाना

आपने जिस Android ऐप्लिकेशन को पहले बनाया है और आप डेमो प्रॉडक्ट की खोज वाले बैकएंड का इस्तेमाल करते हैं उसे डाउनलोड कर सकते हैं. साथ ही, उस नए बैकएंड का इस्तेमाल कर सकते हैं जिसे आपने अभी-अभी बनाया है.

कोड डाउनलोड करें

इस कोडलैब के सभी कोड डाउनलोड करने के लिए, इस लिंक पर क्लिक करें:

डाउनलोड की गई zip फ़ाइल को अनपैक करें. इससे एक रूट फ़ोल्डर (odml-pathway-codelabs) अनपैक हो जाएगा जिसमें आपकी ज़रूरत के सारे संसाधन होंगे. इस कोडलैब के लिए, आपको सिर्फ़ product-search/codelab2/android/final सबडायरेक्ट्री के सोर्स की ज़रूरत होगी.

यह ऐप्लिकेशन, ML किट ऑब्जेक्ट की पहचान और ट्रैकिंग एपीआई और डेमो प्रॉडक्ट खोज के बैकएंड का इस्तेमाल करता है. इसे vision API की प्रॉडक्ट खोज की मदद से, प्रॉडक्ट कैटलॉग के हिसाब से प्रॉडक्ट दिखाने के लिए

Android Studio में ऐप्लिकेशन इंपोर्ट करना

Android Studio में स्टार्टर ऐप्लिकेशन इंपोर्ट करके शुरुआत करें.

Android Studio पर जाएं, Project (Gradle, Eclipse ADT वगैरह) इंपोर्ट करें और पहले डाउनलोड किए गए सोर्स कोड से product-search/codelab2/android/final फ़ोल्डर चुनें.

7c0f27882a2698ac.png

स्टार्टर ऐप्लिकेशन चलाना

अब जब आपने प्रोजेक्ट को Android Studio में इंपोर्ट कर लिया है, तो आप पहली बार ऐप्लिकेशन चलाने के लिए तैयार हैं.

अपने Android डिवाइस को यूएसबी से अपने होस्ट से कनेक्ट करें या Android Studio एम्युलेटर शुरू करें. इसके बाद, Android Studio टूलबार में चलाएं (shortcuts.png) पर क्लिक करें.

(अगर यह बटन बंद है, तो पक्का करें कि आप सिर्फ़ अंतिम/app/build.gradle को इंपोर्ट करें, पूरे रिपॉज़िटरी को नहीं.)

अब यह ऐप्लिकेशन आपके Android डिवाइस पर लॉन्च हो जाना चाहिए था. यह पहले से ही काम कर रहा है, लेकिन यह ऐसे डेमो प्रॉडक्ट के खोज बैकएंड का इस्तेमाल करता है जिसे Google ने आपके लिए डिप्लॉय किया है.

इसके बाद, आप इस कोडलैब में पहले बनाए गए बैकएंड का इस्तेमाल करने के लिए, ऐप्लिकेशन को अपडेट करेंगे.

6. एपीआई एंडपॉइंट अपडेट करें

एपीआई कॉन्फ़िगरेशन बदलना

ProductSearchAPIClient कक्षा पर जाएं और आपको पहले से तय किए गए प्रॉडक्ट खोज बैकएंड के कॉन्फ़िगरेशन दिखेंगे. डेमो बैकएंड के कॉन्फ़िगरेशन पर टिप्पणी करें:

// Define the product search backend
// Option 1: Use the demo project that we have already deployed for you
// const val VISION_API_URL =
    "https://us-central1-odml-codelabs.cloudfunctions.net/productSearch"
// const val VISION_API_KEY = ""
// const val VISION_API_PROJECT_ID = "odml-codelabs"
// const val VISION_API_LOCATION_ID = "us-east1"
// const val VISION_API_PRODUCT_SET_ID = "product_set0"

इसके बाद, उन्हें अपने कॉन्फ़िगरेशन से बदलें:

// Option 2: Go through the Vision API Product Search quickstart and deploy to your project.
// Fill in the const below with your project info.
const val VISION_API_URL = "https://vision.googleapis.com/v1"
const val VISION_API_KEY = "YOUR_API_KEY"
const val VISION_API_PROJECT_ID = "YOUR_PROJECT_ID"
const val VISION_API_LOCATION_ID = "YOUR_LOCATION_ID"
const val VISION_API_PRODUCT_SET_ID = "YOUR_PRODUCT_SET_ID"
  • VISION_API_URL, Cloud Vision एपीआई का एपीआई एंडपॉइंट है.
  • VISION_API_KEY, वह एपीआई कुंजी है जिसे आपने इस कोडलैब में पहले बनाया था.
  • VISION_API_PROJECT_ID , VISION_API_LOCATION_ID , VISION_API_PRODUCT_Set_ID वह वैल्यू है जिसका इस्तेमाल आपने विज़न एपीआई प्रॉडक्ट सर्च में, इस कोडलैब (कोड बनाना सीखना) में शुरुआत में किया था.

इसे चलाएं

अब Android Studio टूलबार में चलाएं (shortcuts.png) पर क्लिक करें. ऐप्लिकेशन लोड होने के बाद, पहले से सेट की गई किसी इमेज पर टैप करें, पहचानी गई कोई चीज़ चुनें, खोज नतीजे देखने के लिए खोजें बटन पर टैप करें. यह ऐप्लिकेशन अब आपके तैयार किए गए प्रॉडक्ट के खोज बैकएंड का इस्तेमाल कर रहा है!

25939f5a13eeb3c3.png

7. बधाई हो!

आपने विज़न एपीआई प्रॉडक्ट सर्च का इस्तेमाल करके प्रॉडक्ट खोज बैकएंड बनाने का तरीका सीखा है.

इसे चलाने के लिए आपको बस इतना ही करना है!

हमने क्या-क्या शामिल किया है

  • अपने प्रॉडक्ट कैटलॉग और विज़न एपीआई प्रॉडक्ट सर्च का इस्तेमाल करके, प्रॉडक्ट खोज का बैकएंड कैसे बनाएं
  • मोबाइल ऐप्लिकेशन से प्रॉडक्ट के खोज बैकएंड को कॉल करने के लिए, एपीआई कुंजी सेट अप करने का तरीका
  • मोबाइल ऐप्लिकेशन से बैकएंड को कॉल करने का तरीका

अगले चरण

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

ज़्यादा जानें