Protección de iFrame: solo permite que funcione en un dominio

Question

Tengo un widget que creé y lo estoy incorporando en otros sitios web utilizando un iFrame. Lo que quiero hacer es asegurarme de que nadie pueda ver la fuente y copiar el código de iFrame y ponerlo en su propio sitio web.

Puedo almacenar la URL que se debe permitir en la base de datos. Lo he visto antes, un sitio tenía un código cifrado largo y si no coincidía con el dominio, decía Acceso denegado ...

¿Alguien sabe cómo puedo hacer esto?

Gracias!

Answer 1

No, no puedes hacer esto. Lo mejor que puede hacer es la siguiente:

if (window.top.location.host != "hostname") { 
    document.body.innerHTML = "Access Denied"; 
} 

Añadir lo anterior a su JavaScript y luego usar un JavaSript obfuscator

Answer 2

En el servidor en el código de la página que se muestra en el IFRAME, verifique el valor del encabezado Referer. A menos que este encabezado se haya bloqueado por razones de privacidad, contiene la URL de la página que aloja el IFRAME.

Answer 3

Lo que estás pidiendo es casi imposible. Si pone la fuente a disposición en la web, alguien puede copiarla de una forma u otra. Cualquier truco de JavaScript puede ser derrotado utilizando herramientas de bajo nivel como wget o curl.

Así que incluso si lo protege, aún encontrará que alguien podría, en teoría, copiar el código (ya que el navegador lo recibiría) y, si así lo determina, colocarlo en su propio sitio web.

Answer 4

Usted no puede evitar que la gente mirando el código HTML, pero hay algunas cabeceras pueden permitir para especificar qué sitios pueden insertar su iframe. Eche un vistazo al encabezado X-Frame-Options y la directiva frame-ancestors de Content-Security-Policy. Los navegadores que lo respeten se negarán a cargar el iframe cuando estén incrustados en el sitio de otra persona.

Answer 5

Me enfrenté al mismo problema, pero devuelvo al usuario en una página de inicio. Difundí la decisión.

Tiene que ser colocado donde hay iframe

<script> 
     $(window).load(function() { 
      var timetoEnd = ''; 
      var dstHost = 'YOUR-ALLOW-HOST'; 
      var backToUrl = 'BACK-TO-URL'; 

      function checkHost(){ 
       var win = window.frames.YOUR-IFRAME-NAME; 
       win.postMessage('checkHost', dstHost); 
        console.log('msg Sended'); 
        clearInterval(timetoEnd); 
        timetoEnd = setInterval(function() { 
         window.location.href = backToUrl; 
        }, 5000); 
       } 

       function validHost(event) { 
        if (event.data == 'checkHostTrue') { 
         clearInterval(timetoEnd); 
         console.log('checkHostTrue'); 
        } else { 
         return; 
        } 
       } 

       window.addEventListener("message", validHost, false); 
       checkHost(); 

       setInterval(function() { 
        checkHost(); 
       }, 10000 
       ); 
      }); 
    </script> 

Tiene que ser colocado en su iframe src

<script> 
      function receiveMessage(event) 
      { 
       if(event.data=='checkHost'){ 
        event.source.postMessage("checkHostTrue", 
          event.origin); 
       } else { 
        return; 
       } 
      } 
      window.addEventListener("message", receiveMessage, false); 
</script>