外部サイトで使用するためにdjangoを使用してカスタムウィジェットを作成する方法

Question

私が取り組んでいる新しいサイトがあります。サイトは、電子商取引サイトとアドオンを自分のウェブサイトに含めるよう事前に合意します。

次の例を考えてみましょう。 私のウェブサイトは、ABC.comが電子商取引サイトをターゲットにしています。 プロダクトXを販売するすべてのeコマースサイトで、購入希望者にサービスZを購入するオプションを与えるアドオンを含めることを希望します。 ABC.comはREST APIを通じてeコマースサイトと通信します。

私の挑戦は、外部の電子商取引サイトに私のサービスをアドオンとして統合する方法です。これは私がウィジェット、HTMLコード、または少しのjavascriptの形であると仮定します。 Amazon.comの添付画像に似たもの。私は、外部サイトとの簡単な統合を目的としており、外部サイトがあまりにも多くのことをしないようにしています。

これを処理する方法に関するベストプラクティスはありますか？

は、Amazonからの例を参照してください：

Answer 1

いくつかの方法が、あります二つの最も一般的です：

はiframe

は、あなただけのコントロールとロジックを含む小さなページを作成iframeを使用してサイトに埋め込む必要があります。親サイトは、iframeのsrc属性のURLパラメータを使用して、商品名や商品SKUなどの関連する詳細情報を子iframeと通信します。この場合、ユーザーが実際に親フォームを送信したかどうかは分かりません。

Javascriptのウィジェット

あなたがCDNからロードすることができ、小さな自己完結型のjavascriptのウィジェットを作成します。ウィジェットは、ページ上の特定の要素（複数可）を対象とし、追加のフォームフィールドを追加します。その後、フォーム送信イベント（または他のタイプのイベント）を聞くことができ、AJAX呼び出しをAPIに直接行う責任があります。

この例は、ページに購入ボタンを生成するStripeのようなウィジェットです。