Table of Contents

画像クラウド認識 WeChat Mini Program 開発クイックスタート

この記事では、WeChat Mini Program 上で EasyAR image cloud recognition に基づく AR アプリケーションをすばやく開発する方法を説明します。この記事により、開発者は WeChat Mini Program 環境で EasyAR の cloud recognition 機能を統合し、XR-FRAME フレームワークを使用してインタラクティブな AR 体験を構築する方法を理解できます。

開発準備

  1. WeChat DevTools
  2. "AppID (Mini Program ID)" を取得します。ない場合は、WeChat Official Accounts Platform アカウントを登録するか、テストアカウントを申請してください。
  3. WeChat DevTools をダウンロードします。
  4. cloud recognition に対応する API Key
  5. 実行中の cloud recognition database

Cloud recognition 画像をアップロードする

認識画像を用意し、cloud recognition database にアップロードします。アップロード方法は image database management を参照してください。

Sample をダウンロードする

EasyAR ダウンロードページから "EasyAR CRS 微信小程序Sample" をダウンロードします。

crs-wx

Sample を設定する

  • ダウンロードした "EasyAR-miniprogram-WebAR-Demo-tracking.zip" を自分のディレクトリに展開します。

image

  • WeChat DevTools にインポートします。

image

image

  • "详情" の "本地设置" で、"不检验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书" にチェックを入れます。

image

  • "微信开发者工具" での preview 効果。

image

  • sample コードには設定項目があらかじめ用意されています。実際の環境に合わせて設定してください。

image

効果 preview

  • "微信开发者工具" で "预览" をクリックします。
  • "启动手机端自动预览" を選択します。
  • "编译并预览" をクリックします

image

ヒント

"真机调试" は使用しないでください。

  • スマートフォン上での実行効果。

image

  • ドメイン名を合法リクエストリストに追加していない場合は、"开发调试" を有効にしてください。開く方法は次のとおりです。

image

  • 初回実行の場合、"允许" をクリックしてカメラアクセス権限を許可します。

image

  • preview ページの "云识别功能" をクリックします。

image

  • スマートフォンのカメラをアップロードした recognition 画像に向け、"点击识别" をクリックします。target が認識されると、認識された target の名前がポップアップ表示されます。

image

関連トピック