Table of Contents

圖像雲識別微信小程序開發快速入門

本篇將帶大家快速開發微信小程序上基於 EasyAR 圖像雲識別的 AR 應用,通過本文介紹,開發者可以掌握如何在微信小程序環境中集成 EasyAR 的雲識別能力,並利用 XR-FRAME 框架構建交互式 AR 體驗。

開發準備

  1. 微信開發者工具
  2. 獲取 “AppID(小程序ID)”,如果沒有,請註冊微信公眾平台賬號申請測試賬號
  3. 微信開發者工具下載
  4. 支持雲識別的 API Key
  5. 運行中的雲識別庫

上傳雲識別圖片

準備一張識別圖片,並上傳到雲識別庫,上傳方法參考 圖庫管理

下載 Sample

EasyAR 下載頁面下載 “EasyAR CRS 微信小程序Sample”。

crs-wx

配置 sample

  • 將下載的 “EasyAR-miniprogram-WebAR-Demo-tracking.zip”,解壓到你的目錄。

image

  • 導入微信開發者工具。

image

image

  • 在“詳情”下的“本地設置”中勾選“不檢驗合法域名、web-view(業務域名)、TLS版本以及HTTPS證書”。

image

  • “微信開發者工具”中的預覽效果。

image

  • sample 代碼中已預留配置項,請根據實際環境進行配置。

image

效果預覽

  • 在“微信開發者工具”上點擊“預覽”。
  • 選擇“啟動手機端自動預覽”。
  • 點擊“編譯並預覽”

image

提示

不要使用“真機調試”。

  • 在手機上的運行效果。

image

  • 如果你未將域名添加到合法請求列表中,請開啟“開發調試”。打開方法如下:

image

  • 如果是首次運行,點擊“允許”授權攝像頭訪問權限。

image

  • 點擊預覽頁面中的“雲識別功能”。

image

  • 將手機攝像頭對準您上傳的識別圖片,點擊“點擊識別”,如果識別到目標,則會彈出識別目標的名稱。

image

相關主題