Intégrer Web Widget (?) Dans la page Web

Question

Nous avons des clients qui créent de petites applications intranet sur les serveurs que nous leur fournissons. Les serveurs hébergent également divers systèmes (Windows/.net) que nous avons créés.

Nous devons fournir à nos clients un code «un interligne» qui leur permettra d'intégrer des fonctionnalités dans leurs pages Web. Similaire à la façon dont les annonces Google fonctionnent lorsqu'elles sont intégrées dans un site. Une légère différence est que le nôtre aura besoin de se rafraîchir toutes les 5 secondes environ. Nous allons créer plusieurs de ces "widgets" pour les placer dans leurs pages.

Tout notre développement est en .Net donc je préférerais des options en ce qui concerne, mais je suis ouvert à tout.

Les premières recherches pointent vers IFrame, éventuellement avec Ajax, ou JavaScript, JQuery et un service web, ou en utilisant IHttpHandler qui renvoie du code HTML via "Document.Write" (like this).

Recommandations?

Answer 1

Simplement dit, les iframes sont faciles car ils éliminent tout conflit possible avec le site Web du client. C'est d'une importance vitale, sauf si vous gérez également le site Web du client afin de contrôler l'environnement dans lequel vous insérez votre widget. Sinon, les situations où vous incorporez votre code de widget directement dans le site Web du client (sans utiliser un Iframe) est susceptible de provoquer un conflit avec le code HTML, CSS ou Javascript du client. Vous pouvez écrire votre code de widget afin qu'il ne soit pas en conflit, mais vous ne pouvez généralement pas compter sur leur code de page web. Tout ce qu'il faut, c'est quelque chose de mal écrit sur le site de votre client pour causer des problèmes avec votre widget intégré. CSS est l'exemple facile .. Supposons que votre client avait quelque chose de stupide dans leur feuille de style comme:

div { background-color: red; } 

... sauf si vous avez spécifié la propriété d'arrière-plan à l'aide d'un sélecteur plus spécifique pour tous les div USED dans votre widget, maintenant ils sont rouges.

Je pense que la meilleure façon de faire des widgets est de donner à vos clients une référence de script externe unique qui transmet un identifiant de client dans l'URL du script. Votre script commence par document.write() - l'Iframe - de cette façon vous avez un contrôle futur sur tous les aspects de votre widget (y compris l'iframe) sans aucun changement de la part de vos clients.