Table of Contents

画像クラウド認識 WeChat ミニプログラム開発クイックスタート

この記事では、WeChat ミニプログラム上で EasyAR 画像クラウド認識を活用した AR アプリケーションを迅速に開発する方法を紹介します。本文を通じて、開発者は WeChat ミニプログラム環境で EasyAR のクラウド認識機能を統合し、XR-FRAME フレームワークを利用してインタラクティブな AR 体験を構築する方法を習得できます。

開発準備

  1. WeChat 開発者ツール
  2. 「AppID(ミニプログラムID)」を取得。所有していない場合は、WeChat 公式プラットフォームアカウントを登録するか、テストアカウントを申請
  3. WeChat 開発者ツールをダウンロード
  4. クラウド認識をサポートする API Key
  5. 稼働中のクラウド認識ライブラリ

クラウド認識画像をアップロード

認識用画像を準備し、クラウド認識ライブラリにアップロードします。アップロード方法は 画像ライブラリ管理 を参照してください。

サンプルをダウンロード

EasyAR ダウンロードページ から「EasyAR CRS WeChat ミニプログラムサンプル」をダウンロードします。

crs-wx

サンプルを設定

  • ダウンロードした「EasyAR-miniprogram-WebAR-Demo-tracking.zip」を任意のディレクトリに解凍します。

image

  • WeChat 開発者ツールにインポートします。

image

image

  • 「詳細」>「ローカル設定」で「合法ドメイン、web-view(ビジネスドメイン)、TLSバージョン、HTTPS証明書を検証しない」にチェックを入れます。

image

  • 「WeChat 開発者ツール」でのプレビュー効果。

image

  • サンプルコードには設定項目が予め用意されています。実際の環境に合わせて設定してください。

image

効果プレビュー

  • 「WeChat 開発者ツール」で「プレビュー」をクリック。
  • 「モバイル端末自動プレビューを起動」を選択。
  • 「コンパイルしてプレビュー」をクリック。

image

ヒント

「実機デバッグ」は使用しないでください。

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

image

  • ドメインを合法リクエストリストに追加していない場合、「開発デバッグ」を有効にしてください。有効化方法:

image

  • 初回実行時、カメラアクセス権限の許可を求めるプロンプトが表示されます。「許可」をクリック。

image

  • プレビューページで「クラウド認識機能」をクリック。

image

  • スマートフォンカメラをアップロードした認識画像に向け、「クリックして認識」をタップ。認識に成功すると対象名が表示されます。

image

関連トピック