Table of Contents

Быстрый старт разработки WeChat Mini Program для облачного распознавания изображений

В этом руководстве вы быстро научитесь создавать AR-приложения на WeChat Mini Program с использованием облачного распознавания изображений EasyAR. Вы узнаете, как интегрировать возможности облачного распознавания EasyAR в среду WeChat Mini Program и использовать фреймворк XR-FRAME для создания интерактивного AR-опыта.

Подготовка к разработке

  1. Инструменты разработчика WeChat.
  2. Получите "AppID (ID мини-программы)". Если у вас его нет, зарегистрируйте учетную запись WeChat Official Account Platform или запросите тестовую учетную запись.
  3. Скачайте инструменты разработчика WeChat.
  4. API Key с поддержкой облачного распознавания.
  5. Работающая библиотека облачного распознавания.

Загрузка изображений для облачного распознавания

Подготовьте изображение для распознавания и загрузите его в библиотеку облачного распознавания. Инструкции по загрузке см. в разделе Управление библиотекой изображений.

Скачивание образца

Скачайте "EasyAR CRS WeChat Mini Program Sample" на странице загрузки EasyAR.

crs-wx

Настройка образца

  • Распакуйте скачанный архив "EasyAR-miniprogram-WebAR-Demo-tracking.zip" в вашу директорию.

image

  • Импортируйте проект в инструменты разработчика WeChat.

image

image

  • В разделе "Подробности" ("详情") -> "Локальные настройки" ("本地设置") установите флажок "Не проверять легальные домены, домены web-view (бизнес-домены), версию TLS и сертификаты HTTPS" ("不检验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书").

image

  • Предварительный просмотр в "Инструментах разработчика WeChat".

image

  • В коде образца уже предусмотрены параметры конфигурации. Настройте их в соответствии с вашей средой.

image

Предварительный просмотр результата

  • В "Инструментах разработчика WeChat" нажмите "Предварительный просмотр" ("预览").
  • Выберите "Автоматический предпросмотр на мобильном устройстве" ("启动手机端自动预览").
  • Нажмите "Скомпилировать и предпросмотреть" ("编译并预览")

image

Совет

Не используйте "Отладка на реальном устройстве" ("真机调试").

  • Результат работы на мобильном телефоне.

image

  • Если вы не добавили домен в список разрешенных запросов, включите "Отладочную разработку" ("开发调试"). Способ включения:

image

  • При первом запуске нажмите "Разрешить" ("允许"), чтобы предоставить доступ к камере.

image

  • Нажмите "Функция облачного распознавания" ("云识别功能") на экране предпросмотра.

image

  • Наведите камеру телефона на загруженное изображение для распознавания и нажмите "Нажмите для распознавания" ("点击识别"). Если цель распознана, отобразится ее название.

image

Связанные темы