Einbindung Teilbereiche einer Website in eine andere

[Christopher]

Hallo,

Einbindung Teilbereiche einer Website (A) in eine andere (B)

Kunde A bietet ein Suchformular mit einer Ergebnisliste an. Die Ergebnisliste befindet sich auf einer anderen Seite als der Suchschlitz.
Nun moechte Kunde B beide Seiten (in etwas veraenderter Form) bei sich einbinden. Ziel ist es, Kunde B so wenig Aufwand wie moeglich zu generieren.

Welche Vorgehensweise wuerdet ihr bevorzugen?

1. Kunde B nutzt API von Kunde A

Kunde B muesste UI, Form und Ergebnisliste nachbauen.
Kunde A haette geringen Aufwand.
Kunde B sehr hohen Aufwand.
API-Aenderungen muss von Kunde B stets nachgezogen werden.
Features wie Paginator muss von Kunde B nachgebaut werden.
Design-Aenderungen muessen jeweils von Kunde A und Kunde B vollzogen werden.

2. Kunde A liefert JavaScript

Das JS baut den Suchschlitz auf, kontaktiert API von Kunde A und listet die Suchergebnisse auf.
Geringer Aufwand fuer Kunde B.
Kunde B muss nicht auf UI- und API-Aenderungen reagieren, da Kunde B das JS von Kunde A injected.
Kunde A muss das gesamte Templating redundant in JS nachbauen.
Kunde A muss zwei Versionen der Suche hosten, testen und verwalten.
Evtl. CORS-Problematik (?)

3. Kunde B bindet IFrame von Kunde A ein

Source des IFrames ist der Suchschlitz von Kunde A. Ergebnisse werden auf der Ergebnisseite innterhalb des IFrames angezeigt.
Kunde B hat somit sehr wenig Aufwand.
Kunde A muss keinen Code redundant halten.
UI-und API-Aenderungen muessen nicht nachgezogen werden.

Ich tendiere zu Loesung 3.
Da:

• Ueberschaubarer Aufwand
• JS-unabhaengig
• Verantwortung liegt komplett bie Kunde A
• Aenderungen an UI und API muessen nicht nachgezogen werden
  Einzig SEO koennte evtl. problematisch werden, aber hier wird man einen Weg finden.

Habe ich einen Loesungsansatz uebersehen?
Wie seht ihr das?

Vielen Dank,
Christopher