Table of Contents

이미지 cloud recognition Web 개발 빠른 시작

EasyAR WebAR은 Web 기술을 기반으로 AR 기능을 구현합니다. 네이티브 AR 앱과 비교하여 경량화, 빠른 배포, 광범위한 확산이라는 특징을 가지고 있습니다. APP 설치 없이도 Android, iOS, Windows, Mac 등 다양한 시스템의 주요 브라우저에서 실행할 수 있어 진정한 크로스 플랫폼을 구현합니다.

시작하기 전에

시작하기 전에 다음 준비 작업이 완료되었는지 확인하세요:

  1. cloud recognition을 지원하는 API Key
  2. 운영 중인 cloud recognition 라이브러리

cloud recognition 이미지 업로드

인식할 이미지를 준비하고 cloud recognition 라이브러리에 업로드합니다. 업로드 방법은 갤러리 관리를 참조하세요.

sample 다운로드

개발자가 빠르게 개발할 수 있도록 예제 코드 샘플을 제공합니다. 개발자는 이러한 예제를 다운로드하여 WebAR 기능을 빠르게 체험할 수 있습니다.

클릭하여 다운로드

sample 구성

sample 코드에는 이미 구성 항목이 준비되어 있습니다. 실제 환경에 따라 구성하세요.

  • config/application.txt 파일 편집
  • API Key, API Secret, CRS AppId를 구성 파일로 교체

cloud recognition 구성

  • 샘플 디렉터리 아래의 asset/js/app.js 파일 편집
  • cloud recognition의 Client-end (Target Recognition) URL을 app.js로 교체

cloud recognition 구성

sample 실행

EasyAR-WebAR_* 파일은 http 및 token 생성 서비스입니다. 시작에 성공하면 수신 대기 중인 포트 번호가 표시됩니다. 시작 방법은 다음과 같습니다:

  • Linux 시스템: 
    ./EasyAR-WebAR_linux
  • macOS 시스템: 
    ./EasyAR-WebAR_darwin
  • Windows 시스템: 
    // 마우스로 더블클릭하거나 cmd에서 실행
EasyAR-WebAR_windows.exe

sample 체험

PC 브라우저(카메라 필요)에서 http://127.0.0.1:3000/ 을 입력하세요. Firefox 브라우저 사용을 권장합니다. 인식 대상에 카메라를 대고 sample의 실행 효과를 확인하세요.

팁

휴대폰에서 체험하려면 HTTPS를 지원하는 도메인을 구성해야 합니다.

관련 주제