HTML 및 JavaScript API를 사용하여 DPS 확장

DPS는 HTML 및 JavaScript API를 사용하여 사용자 환경을 개선할 수 있는 여러 방법을 제공합니다. 맞춤형 라이브러리, 맞춤형 스토어 또는 권한 배너용 HTML 콘텐츠를 만드는 경우 Library and Store API를 참조할 수 있습니다.

HTML 아티클 또는 웹 콘텐츠 오버레이와 같은 Folio 내 HTML 콘텐츠의 경우 Reading API를 참조할 수 있습니다. Reading API에는 Library and Store API와 지리 위치, 카메라, 일정 및 디바이스 감지용 API에서 사용 가능한 몇 가지 기능이 포함되어 있습니다.

DPS App Builder에서 지정하는 모든 HTML 콘텐츠는 Library and Store API를 참조할 수 있습니다. Folio의 HTML 아티클 또는 웹 콘텐츠 오버레이는 Reading API를 참조할 수 있습니다.

다음 기능은 JavaScript API에 대한 액세스를 제공합니다.

HTML, JavaScript 및 CSS를 사용하여 뷰어 라이브러리의 기본 구현을 필요에 맞게 바꿀 수 있습니다. API에 액세스하면 기본 라이브러리에 있는 전자상거래 기능을 복제하고 프로젝트 디자인에 맞게 맞춤화할 수 있습니다. 맞춤형 라이브러리 및 스토어를 만드는 방법에 대한 자세한 내용은 맞춤형 스토어프런트 및 라이브러리를 참조하십시오.

맞춤형 슬롯

맞춤형 슬롯("사용자 정의 내비게이션 아이콘"이라고도 함)은 아래쪽 내비게이션 바에 나타납니다. 이러한 맞춤형 슬롯을 누르면 맞춤형 스토어 또는 FAQ 페이지와 같은 웹 뷰가 표시됩니다. 웹 뷰 HTML에는 Library and Store API에 대한 참조가 포함될 수 있습니다.

권한 배너

앱에 직접적인 권한 부여가 포함된 경우 위의 이미지에 표시된 것처럼 라이브러리 보기 위쪽에 표시되는 HTML 배너를 정의할 수 있습니다. 배너는 발행물 구독자가 콘텐츠에 즉시 액세스하거나, 구독 상품을 만들거나, 광고를 표시하기 위한 클릭 유도 문안(CTA)으로 사용됩니다. 권한 배너는 Library/Store API에 대한 전체 액세스 권한을 가집니다. 자세한 내용은 DPS에서 직접적인 권한 부여 활용을 참조하십시오.

시작 화면

시작 화면은 시작 화면과 라이브러리/스토어 사이의 HTML 콘텐츠를 표시하는 투명한 웹 뷰입니다. HTML 콘텐츠는 고객이 앱을 설치한 이후 처음 시작할 때, 또는 앱이 업데이트된 후 처음 앱을 시작할 때 나타납니다. 시작 화면은 Library/Store API에 대한 전체 액세스 권한을 가집니다. DPS Developer Center에서 시작 화면 시작하기를 참조하십시오.

정보 화면

앱에서 고객이 콘텐츠를 보고 있는 곳 어디에나 정보 화면을 표시할 수 있습니다. 예를 들어 투명한 웹 뷰를 통해 독자들에게 계정 생성, 자매 앱 다운로드, 도움말 콘텐츠 액세스 또는 다른 맞춤형 상품 확인을 유도할 수 있습니다. 정보 화면은 트리거된 위치에 따라 Library and Store API 또는 Reading API와 같은 JavaScript API에 대한 전체 액세스 권한을 가집니다.

앱 수준(맞춤형 라이브러리 또는 권한 배너 등) 또는 Folio 수준(HTML 아티클 또는 웹 콘텐츠 오버레이)에서 정보 화면을 시작할 수 있습니다. 정보 화면에 사용되는 HTML 파일은 앱 내에 있는 것이 아니라 앱 외부에 있는 서버에 상주해야 합니다. 사용자가 정보 화면을 보려면 인터넷에 연결해야 합니다.

자세한 내용은 R30의 새로운 API 및 기능을 참조하십시오.

HTML 아티클/웹 콘텐츠 오버레이

라이브러리가 아니라 Folio 내에서 JS API에 액세스하려면 HTML 아티클 또는 웹 콘텐츠 오버레이를 만들면 됩니다. 그런 다음 디지털 Blow-ins를 만들어 아티클을 다운로드한 방법에 따라 다른 콘텐츠를 표시하거나 Camera API(영어로만 제공), Geolocation API(영어로만 제공) 또는 다양한 소비자 마케팅 API(영어로만 제공)를 활용할 수 있습니다.