Web-Widget (?) In Web-Seite einbetten

Question

Wir haben Kunden, die kleine Intranet-Anwendungen auf Servern erstellen, die wir ihnen bereitstellen. Die Server enthalten auch verschiedene (Windows/.net-basierte) Systeme, die wir erstellt haben.

Wir müssen unseren Kunden einen "einzeiligen" Code zur Verfügung stellen, mit dem sie Funktionalität in ihre Webseiten integrieren können. Ähnlich wie Google Anzeigen funktioniert, wenn sie in eine Website eingebettet werden. Ein kleiner Unterschied ist, dass wir uns alle 5 Sekunden auffrischen müssen. Wir werden mehrere dieser "Widgets" erstellen, die sie auf ihren Seiten platzieren können.

Alle unsere Entwicklung ist in. Net, also würde ich Optionen in Bezug bevorzugen, aber ich bin offen für alles.

Frühe Forschung verweist auf IFrame, möglicherweise mit Ajax oder JavaScript, JQuery und einem Webservice, oder mit IHttpHandler, der HTML über "Document.Write" (like this) zurückgibt.

Empfehlungen?

Answer 1

Einfach gesagt, Iframes sind einfach, weil sie mögliche Konflikte mit der Website des Kunden beseitigen. Das ist äußerst wichtig, es sei denn, Sie verwalten auch die Website des Kunden, sodass Sie die Umgebung steuern, in die Sie Ihr Widget einfügen.

Andernfalls können Situationen, in denen Sie Ihren Widget-Code direkt in die Website des Clients einbetten (ohne Verwendung eines Iframe), einen Konflikt mit dem HTML, CSS oder Javascript des Clients verursachen. Sie können Ihren Widget-Code schreiben, so dass es keinen Konflikt gibt, aber Sie können im Allgemeinen nicht deren Webseitencode abhängen. Alles was es braucht, ist etwas schlecht geschrieben auf der Website Ihres Kunden, um Probleme mit Ihrem eingebetteten Widget zu verursachen. CSS ist das einfache Beispiel .. Sagen Sie Ihre Kunde hatte etwas albern in ihrem Sheet wie:

div { background-color: red; } 

... es sei denn, Sie die Hintergrundeigenschaft mit einer spezifischeren Auswahl für alle divs angegeben haben in Ihrem Widget verwendet, jetzt Sie sind rot.

Ich denke, der beste Weg, um Widgets zu tun ist, geben Sie Ihren Kunden eine einzige externe Skript-Referenz, die eine Client-ID in der Skript-URL übergibt. Ihr Skript beginnt mit document.write() - dem Iframe - auf diese Weise haben Sie die Kontrolle über jeden Aspekt Ihres Widgets (einschließlich des Iframes), ohne dass sich Änderungen seitens Ihrer Clients ergeben.