1. ข้อควรทราบก่อนที่จะเริ่มต้น
ในเส้นทางการเรียนรู้การค้นหารูปภาพผลิตภัณฑ์ คุณได้ดูวิธีเรียกแบ็กเอนด์การค้นหาผลิตภัณฑ์ที่สร้างด้วย Vision API Product Search สําหรับผลิตภัณฑ์ที่คล้ายกันจากแคตตาล็อกผลิตภัณฑ์
ใน Codelab นี้ คุณจะได้เรียนรู้วิธีสร้างแบ็กเอนด์ที่คล้ายกันด้วยแคตตาล็อกผลิตภัณฑ์
สิ่งที่จะได้เรียนรู้
- วิธีสร้างแบ็กเอนด์การค้นหาผลิตภัณฑ์ด้วย Vision API Product Search
- วิธีตั้งค่าคีย์ API เพื่อเข้าถึง Vision API จากแอปบนอุปกรณ์เคลื่อนที่
สิ่งที่ต้องมี
- บัญชี Google Cloud ที่เปิดใช้การเรียกเก็บเงิน (อาจเป็นบัญชีทดลองใช้ฟรี)
2. เกี่ยวกับ Vision API Product Search
Vision API สําหรับการค้นหาผลิตภัณฑ์เป็นฟีเจอร์ใน Google Cloud ที่ช่วยให้ผู้ค้าปลีกสร้างผลิตภัณฑ์ได้ โดยแต่ละผลิตภัณฑ์มีรูปภาพอ้างอิงที่อธิบายผลิตภัณฑ์จากชุดมุมมอง จากนั้นผู้ค้าปลีกจะเพิ่มผลิตภัณฑ์เหล่านี้ลงในชุดผลิตภัณฑ์ได้ ปัจจุบัน Vision API Product Search รองรับหมวดหมู่ผลิตภัณฑ์ต่อไปนี้ ได้แก่ ของใช้ในบ้าน เครื่องแต่งกาย ของเล่น สินค้าบรรจุหีบห่อ และทั่วไป
เมื่อผู้ใช้ค้นหาชุดผลิตภัณฑ์พร้อมด้วยรูปภาพของตัวเอง Vision API Product Search จะใช้แมชชีนเลิร์นนิงในการเปรียบเทียบผลิตภัณฑ์ในชุดคําค้นหาของผู้ใช้กับรูปภาพในชุดผลิตภัณฑ์ของผู้ค้าปลีก จากนั้น จากนั้นแสดงผลการค้นหาที่มีอันดับคล้ายกันและมีความหมาย
3. สร้างแบ็กเอนด์ด้วย Google Cloud
ก่อนหน้านี้ในเส้นทางการเรียนรู้การค้นหารูปภาพผลิตภัณฑ์ คุณใช้แบ็กเอนด์การค้นหาผลิตภัณฑ์สาธิตที่สร้างด้วย Vision API Product Search สร้างแบ็กเอนด์เดียวกันในบัญชี Google Cloud โดยทําตามบทแนะนํานี้
เมื่อจบบทแนะนําแล้ว ให้ทําตามขั้นตอนต่อไปนี้เพื่อตั้งค่าคีย์ API เพื่อเรียกแบ็กเอนด์จากแอปบนอุปกรณ์เคลื่อนที่
4. ตั้งค่าคีย์ API
ในการเริ่มต้นใช้งาน Vision API Product Search นั้น คุณได้สร้างแบ็กเอนด์การค้นหาผลิตภัณฑ์ที่แสดงภาพการค้นหาและแสดงผลิตภัณฑ์ที่คล้ายกันได้ หากต้องการเรียก API การค้นหาผลิตภัณฑ์จากแอปบนอุปกรณ์เคลื่อนที่ คุณจะต้องตั้งค่าคีย์ API แล้วจํากัดการเข้าถึงคีย์ API ไปยังแอปบนอุปกรณ์เคลื่อนที่ของคุณเอง เพื่อหลีกเลี่ยงการใช้งานโดยไม่ได้รับอนุญาต
สร้างคีย์ API
- ไปที่ Cloud Console > API & &;; Services > ข้อมูลเข้าสู่ระบบ นอกจากนี้ คุณยังคลิก URL นี้ แล้วเลือกโปรเจ็กต์ที่ใช้ในคู่มือเริ่มต้น Product Search ได้อย่างรวดเร็ว
- เลือกสร้างข้อมูลเข้าสู่ระบบ > คีย์ API คุณจะเห็นกล่องโต้ตอบนี้หากสร้างคีย์ API เรียบร้อยแล้ว
จดบันทึกคีย์ API นี้ คุณจะใช้โค้ดนี้ในภายหลังใน Codelab นี้
จํากัดการเข้าถึงคีย์ API
เมื่อข้อความเตือนปรากฏขึ้น ให้เลือกจํากัดคีย์
ทําตามวิธีการบนหน้าจอเพื่อใช้ข้อจํากัดเหล่านี้
- ข้อจํากัดของแอปพลิเคชัน > แอป Android
- ข้อจํากัดของ API และ gt; จํากัดคีย์ >, Cloud Vision API
5. ดาวน์โหลดและเรียกใช้แอปบนอุปกรณ์เคลื่อนที่
คุณสามารถดาวน์โหลดแอป Android ที่คุณสร้างก่อนหน้านี้ที่ใช้แบ็กเอนด์การค้นหาผลิตภัณฑ์สาธิต และเปลี่ยนไปใช้แบ็กเอนด์ใหม่ที่คุณเพิ่งสร้าง
ดาวน์โหลดโค้ด
คลิกลิงก์ต่อไปนี้เพื่อดาวน์โหลดโค้ดทั้งหมดสําหรับ Codelab นี้:
คลายการคลายไฟล์ ZIP ที่ดาวน์โหลด การดําเนินการนี้จะเปิดเผยโฟลเดอร์รูท (odml-pathway-codelabs) พร้อมทรัพยากรทั้งหมดที่คุณต้องการ แต่สําหรับ Codelab นี้ คุณจะต้องมีแหล่งที่มาในไดเรกทอรีย่อย product-search/codelab2/android/final เท่านั้น
แอปใช้ ML Kit Object Detection and Tracking API ซึ่งเป็นแบ็กเอนด์การค้นหาผลิตภัณฑ์ demo ที่สร้างขึ้นด้วย Vision API Product Search เพื่อให้ผู้ใช้ถ่ายรูปและค้นหาผลิตภัณฑ์ที่ดูคล้ายกันได้ในแคตตาล็อกผลิตภัณฑ์สาธิต
นําเข้าแอปไปยัง Android Studio
เริ่มด้วยการนําเข้าแอป เงื่อนไขเริ่มต้น ไปยัง Android Studio
ไปที่ Android Studio เลือกนําเข้าโปรเจ็กต์ (Gradle, Eclipse ADT ฯลฯ) และเลือกโฟลเดอร์ product-search/codelab2/android/final จากซอร์สโค้ดที่คุณดาวน์โหลดไว้ก่อนหน้านี้
เรียกใช้แอปเริ่มต้น
หลังจากที่นําเข้าโปรเจ็กต์ไปยัง Android Studio แล้ว คุณก็พร้อมที่จะเรียกใช้แอปเป็นครั้งแรก
เชื่อมต่ออุปกรณ์ Android ผ่าน USB กับโฮสต์หรือเริ่มโปรแกรมจําลอง Android Studio แล้วคลิกเรียกใช้ ( 
) ในแถบเครื่องมือ Android Studio
(หากใช้ปุ่มนี้ โปรดตรวจสอบว่าคุณนําเข้าเฉพาะ final/app/build.gradle ไม่ใช่ที่เก็บทั้งหมด)
แอปควรเปิดตัวแล้วในอุปกรณ์ Android ของคุณ ฟังก์ชันนี้ทํางานอยู่แล้ว แต่ใช้แบ็กเอนด์การค้นหาผลิตภัณฑ์ demo ที่ Google ทําให้ใช้งานได้สําหรับคุณ
ต่อไปคุณจะต้องอัปเดตแอปเพื่อใช้แบ็กเอนด์ที่สร้างไว้ก่อนหน้านี้ใน Codelab นี้
6. อัปเดตปลายทาง API
เปลี่ยนการกําหนดค่า API
ไปที่คลาส 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 คือปลายทางของ API ของ Cloud Vision API
- VISION_API_KEY คือคีย์ API ที่คุณสร้างไว้ก่อนหน้านี้ใน Codelab นี้
- VISION_API_PROJECT_ID , VISION_API_LOCATION_ID , VISION_API_PRODUCT_SET_ID คือค่าที่คุณใช้ในการค้นหาด่วนของผลิตภัณฑ์โดยใช้ Vision API API ใน Codelab
เรียกใช้
จากนั้นคลิกเรียกใช้ () ในแถบเครื่องมือ Android Studio เมื่อแอปโหลด ให้แตะรูปภาพที่กําหนดล่วงหน้า แล้วเลือกวัตถุที่ตรวจพบ จากนั้นแตะปุ่มค้นหาเพื่อดูผลการค้นหา แอปกําลังใช้แบ็กเอนด์การค้นหาผลิตภัณฑ์ที่คุณเพิ่งสร้าง
7. ยินดีด้วย
คุณได้เรียนรู้วิธีสร้างแบ็กเอนด์การค้นหาผลิตภัณฑ์โดยใช้ Vision API Product Search แล้ว
เพียงเท่านี้คุณก็เริ่มใช้งานได้แล้ว
สิ่งที่เราพูดถึง
- วิธีสร้างแบ็กเอนด์การค้นหาผลิตภัณฑ์โดยใช้แคตตาล็อกผลิตภัณฑ์และ Vision API Product Search
- วิธีตั้งค่าคีย์ API เพื่อเรียกแบ็กเอนด์การค้นหาผลิตภัณฑ์จากแอปบนอุปกรณ์เคลื่อนที่
- วิธีเรียกแบ็กเอนด์จากแอปบนอุปกรณ์เคลื่อนที่
ขั้นตอนถัดไป
- ดูวิดีโอนี้เกี่ยวกับการใช้ Vision API Product Search เพื่อสร้างตู้เสื้อผ้าอัจฉริยะ
- ดูเส้นทางการเรียนรู้ ML ในอุปกรณ์ในอุปกรณ์เพื่อดูขั้นตอนทั้งหมดที่จําเป็นในการสร้างการค้นหาผลิตภัณฑ์
- นําสิ่งที่ได้เรียนรู้ไปใช้ในแอปของคุณเอง