如何使用Django在外部網站上使用創建自定義小部件

Question

我有一個新的網站，我正在努力。該網站將事先與電子商務網站達成協議，在其網站上添加附加組件。

請考慮以下示例： 我的網站ABC.com針對的是電子商務網站。 對於銷售產品X的每個電子商務網站，我希望它們包含一個附加組件，讓買家可以選擇購買服務Z，如果他們願意的話。 ABC.com將通過REST API與電子商務網站進行通信。

我的挑戰是如何將我的服務作爲附件整合到外部電子商務網站中。我假設這將採用小部件，HTML代碼或一些javascript的形式。類似於來自Amazon.com的附加圖像。我的目標是與外部網站進行簡單的整合，以避免讓他們在他們的最後做太多事情。

有沒有關於如何處理這個問題的最佳做法？

請參閱從亞馬遜的例子：

Answer 1

有多種方式，但最常見的兩種是：

IFRAME

您創建一個只包含控制和邏輯小頁您需要使用iframe將其嵌入到網站中。父網站將通過iframe的src屬性中的URL參數傳遞相關詳細信息，例如產品名稱和產品SKU，以及子iframe。在這種情況下，您不知道用戶是否實際提交了父表單。

的JavaScript控件

您創建一個能夠從CDN加載一個小的自包含的JavaScript控件。然後，小部件將針對頁面上的特定元素或元素，並添加您的其他表單字段。然後，它可以監聽表單提交事件（或其他類型的事件），並可能負責直接對您的API執行AJAX調用。

這個例子是像條紋那樣的小部件，它們在頁面上產生購買按鈕。