如何在產品頁面中使用 Shopify 應用代理？

Question

本質上，我們希望在 Shopify 產品頁面上向登錄客戶顯示一個按鈕。 該按鈕將使用我們的應用程序調用外部 API。

我想使用應用程序代理，但似乎我們無法在產品頁面上進行應用程序代理，但技術上我們可以通過 Ajax 調用在產品頁面上調用應用程序代理。 我們可以將按鈕注入頁面，但我們需要該按鈕才能繼續調用應用程序。

猜猜我們可以在 iframe 中加載按鈕嗎？

有誰知道如何做到這一點的最佳實踐？ 謝謝！

Answer 1

這是我使用的配方，效果很好，似乎可以回答您的用例。

在產品頁面上，您可以使用 Liquid 了解客戶是否已登錄。 因此你可以在你想要的地方渲染一個按鈕，並確保有 Javascript 來處理按鈕點擊。 由於您正在渲染按鈕和 Javascript，因此您也可以對應用程序代理進行回調。 也許單擊按鈕會向代理發送客戶 ID，您的 API 調用會查找客戶，然后您會為他們生成一個 Unicorn。 您的應用代理返回 Liquid 或僅 JSON，因此回調可以為您呈現 HTML 或將 JSON 轉換為客戶的某些內容。

對我很有用。 嘗試一下。 你可能會喜歡。