Foros del Web » Programando para Internet » Javascript »

embeber cliente chat, en diferentes sitio

Estas en el tema de embeber cliente chat, en diferentes sitio en el foro de Javascript en Foros del Web. Buenas Estoy realizando un cliente de chat "personalizado", la intención del cliente es usarlo en todos sus portales (de productos de la misma empresa)... Tiene ...
  #1 (permalink)  
Antiguo 25/08/2020, 19:39
 
Fecha de Ingreso: mayo-2006
Ubicación: Bogotá
Mensajes: 2.060
Antigüedad: 14 años, 5 meses
Puntos: 50
embeber cliente chat, en diferentes sitio

Buenas

Estoy realizando un cliente de chat "personalizado", la intención del cliente es usarlo en todos sus portales (de productos de la misma empresa)... Tiene sitios hechos en magento, wordpress, symfony, laravel... etc ... la mayoría PHP.....

El cliente de chat esta construido en HTML, CSS y Javascript..... mi pregunta es.... como hago para que se pueda embeber fácilmente en cualquiera de las páginas... existe alguna librería o funcionalidad ,que me permita cargar los CSS, JS y el html fácilmente...

En lo posible que no sea con Iframe.... (Similar a como lo hacen os clientes de chat comunes que le dan a uno un script, lo coloca uno en el sitio web y ya).
  #2 (permalink)  
Antiguo 26/08/2020, 10:58
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.752
Antigüedad: 12 años, 8 meses
Puntos: 1134
Respuesta: embeber cliente chat, en diferentes sitio

En efecto, has lo ultimo que mencionaste pasale a tu cliente algo como
Código Javascript:
Ver original
  1. <script>
  2.       (function load(){
  3.         var scriptTag = document.createElement('script');
  4.           scriptTag.src = 'https://my-custom-chat.js';
  5.  
  6.           scriptTag.onload = () => console.log('ha cargado');
  7.           scriptTag.onreadystatechange = () => console.log('ha cargado');
  8.  
  9.           var body = document.querySelector('body');
  10.           body.appendChild(scriptTag);
  11.       }());
  12.     </script>


Asegúrate que tu script tenga los cors adecuados, para que pueda ser invocado desde los sitios de tu cliente, preferiblemente no uses cors *

y pues tu script tiene que crear toda la estructura HTML y CSS, posiblemente sea buena idea usar VueJS o ReactJS



La zona horaria es GMT -6. Ahora son las 10:34.