使用 HTML 和 JavaScript API 來延伸 DPS

DPS 可提供多種方式，讓您使用 HTML 與 JavaScript API 強化使用者體驗。為自訂資料庫、自訂商店或權益橫幅建立 HTML 內容時，您可以參照「資料庫與商店 API」(英文)。

針對對開本中的 HTML 內容 (例如 HTML 文章或網頁內容覆蓋)，請參閱「Reading API」(英文)。Reading API 會包含資料庫與商店 API 所提供的部分功能，以及地理位置、相機、行事曆與裝置偵測等 API。

您在 DPS App Builder 中指定的任何 HTML 都能參照資料庫與商店 API。對開本中的 HTML 文章或網頁內容覆蓋可參照 Reading API。

下列功能會提供 JavaScript API 的存取權。

您可以使用 HTML、JavaScript 與 CSS 取代檢視器資料庫的原生實作，以滿足自身需求。只要存取 API，您就可以複製預設資料庫中的電子商務功能，並依照您的專案設計加以自訂。如需有關建立自訂資料庫與商店的詳細資訊，請參閱「自訂商店與資料庫」(英文)。

自訂位置

自訂位置 (也可稱為「自訂導覽圖示」) 會顯示在導覽工具列的最下方。點選這些自訂位置時，它們將顯示 Web 檢視 (例如自訂商店或常見問答頁面)。Web 檢視 HTML 能包含資料庫與商店 API 的參照。

權益橫幅

如果您的應用程式包含直接權益，則可以定義 HTML 橫幅，使其顯示在資料庫檢視頂端，如上圖所示。您可以使用橫幅來呼籲紙本訂閱者立即取得內容存取權、提供訂閱優惠方案，或顯示廣告。權益橫幅可完整存取資料庫/商店 API。如需詳細資訊，請參閱「使用 DPS 運用直接權益」(英文)。

歡迎畫面

歡迎畫面是透明的 Web 檢視，會在啟動顯示畫面與資料庫/商店之間顯示 HTML 內容。HTML 內容會在客戶安裝或更新後初次啟動應用程式時顯示。歡迎畫面可完整存取資料庫/商店 API。請參閱 DPS 開發人員中心的「歡迎畫面快速入門」(英文)。

資訊畫面

無論客戶在應用程式中的何處檢視資訊，您都可以在該位置顯示資訊畫面。舉例來說，您可以透過透明的 Web 檢視鼓勵讀者建立帳戶、下載輔助應用程式、存取說明內容，或檢視其他自訂優惠方案。資訊畫面可完整存取 JavaScript API，包括資料庫與商店 API 或 Reading API (視資訊畫面的觸發位置而定)。

此外，您也能從應用程式層級 (例如自訂資料庫或權益橫幅) 或對開本層級 (HTML 文章或網頁內容覆蓋) 啟動資訊畫面。資訊畫面中使用的 HTML 檔案會位於應用程式外部的伺服器中 (而非位於應用程式中)。使用者必須連接網際網路，才能檢視資訊畫面。

如需詳細資訊，請參閱「R30 中的新 API 與功能」(英文)。

HTML 文章 / 網頁內容覆蓋

若要從對開本內部 (而非在資料庫中) 存取 JS API，您可以建立 HTML 文章或網頁內容覆蓋。接著，您可以建立數位夾頁 (英文)，根據文章的取得方式顯示不同內容，或是運用Camera API (英文)、Geolocation API (英文) 或各種消費者行銷 API (英文)。