아래에는 빠르게 참조할 수 있도록 Embedded Viewer API 문서 집합에 포함된 모든 예시가 나와 있습니다. 또한 고급 개념을 설명하기 위해 여러 가지 추가 데모가 포함되어 있습니다.
개발자 가이드의 예
이러한 기본 예는 개발자 가이드에 나와 있으며 Embedded Viewer API의 가장 일반적인 용도를 다룹니다.
- book-simple
Embedded Viewer API의 'Hello, World' 예시로 이 예에서는 API를 로드하고 특정 도서로 뷰어를 그리는 방법을 보여줍니다. - book-language
이 예에서는 뷰어의 인터페이스 언어(이 경우 브라질 포르투갈어)를 변경하는 방법을 보여줍니다. - book-notfound
시청자가 지정된 도서를 로드할 수 없을 때 호출되는 콜백 함수를 추가하는 방법을 보여줍니다. 이 예를 기반으로 이러한 조건을 적절하게 처리할 수 있습니다. - book-success
시청자가 도서를 초기화하고 프로그래밍 방식으로 조작할 준비가 되었을 때 호출되는 콜백 함수를 추가하는 방법을 보여줍니다. - book-animate
JavaScript를 사용하여 뷰어를 프로그래매틱 방식으로 제어하는 방법을 보여주기 위해 3초마다 다음 페이지로 자동으로 넘어가는 미리보기가 표시됩니다.
프로그래매틱 방식으로 뷰어 제어
뷰어를 사용하면 사용자가 뷰어와 상호작용하여 할 수 있는 거의 모든 작업을 코드로 수행할 수 있습니다. 아래 예는 이 방법이 어떻게 유용한지 보여줍니다.
- book-interactions-controls
이 작업 예에는 확대/축소, nextPage, goToPage, 강조표시 함수 등 뷰어에서 지원하는 모든 상호작용 메서드가 나열되어 있습니다. - book-interactions-openatpage
콜백 및 goToPage 함수를 사용하여 특정 페이지에서 도서 뷰어를 자동으로 여는 방법을 보여줍니다.
Books API 및 동적 링크와 결합
고급 애플리케이션을 빌드할 때 Embedded Viewer API를 Books API 또는 동적 링크 기능과 결합하는 것이 유용할 수 있습니다. 예를 들어 특정 미리보기를 삽입할 수 있는지 미리 알면 유용할 수 있습니다 (예: 사용자에게 사이트의 미리보기 창을 여는 옵션을 제공할지 여부를 결정하려는 경우). 또는 특정 도서의 식별자를 모를 수 있으며 먼저 Books API를 사용하여 '조회'하려고 할 수 있습니다. 아래 예는 이러한 작업을 실행하는 방법을 보여줍니다.
- book-dynamiclinks-zippy
여기에서 먼저 도서를 삽입할 수 있는지 확인합니다. 사용 가능한 경우에만 '미리보기 섹션'을 렌더링하며, 이 섹션을 클릭하면 도서 미리보기가 인라인으로 표시됩니다. - booksapi-titlesearch
이 예시에서는 도서에 대한 검색어를 입력하기만 하면 삽입된 뷰어를 열 수 있습니다. 입력한 검색어에 대한 첫 번째 삽입 가능한 결과가 자동으로 표시됩니다. Data API의 JSON 출력 형식을 사용하여 검색 결과에 액세스합니다.