Protezione di iFrame - Consenti solo di funzionare su un dominio

Question

Ho un widget che ho creato e lo sto incorporando su altri siti Web utilizzando un iFrame. Quello che voglio fare è assicurarsi che nessuno possa vedere la fonte e copiare il codice iFrame e inserirlo nel proprio sito web.

Posso memorizzare l'URL che dovrebbe essere consentito nel database. Ho visto fare prima, un sito aveva una lunga criptato codice e se non corrisponde al dominio allora ha detto Accesso negato ..

Qualcuno sa come posso fare questo?

Grazie!

Answer 1

No, non puoi farlo. La cosa migliore che puoi fare è la seguente:

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

Aggiungere quanto sopra per il tuo JavaScript e quindi utilizzare un JavaSript obfuscator

Answer 2

Sul server nel codice per la pagina visualizzata nell'IFRAME, controllare il valore dell'intestazione Referer. A meno che questa intestazione non sia stata bloccata per motivi di privacy, contiene l'URL della pagina che ospita l'IFRAME.

Answer 3

Quello che stai chiedendo è praticamente impossibile. Se rendi la fonte disponibile sul Web, qualcuno può copiarla in un modo o nell'altro. Qualsiasi trucco javascript può essere sconfitto utilizzando strumenti di basso livello come wget o curl.

Quindi, anche se lo proteggi, scoprirai comunque che qualcuno potrebbe teoricamente copiare il codice (come il browser lo riceverebbe) e potrebbe, se così determinato, metterlo sul proprio sito web.

Answer 4

non si può impedire alle persone di guardare il codice HTML, ma ci sono alcune intestazioni possono permettere per specificare quali siti possono incorporare l'iframe. Dai un'occhiata all'intestazione X-Frame-Options e alla direttiva frame-ancestors di Content-Security-Policy. I browser che lo rispettano rifiuteranno di caricare l'iframe quando saranno incorporati nel sito di qualcun altro.

Answer 5

Ho affrontato lo stesso problema, ma restituisco l'utente su una home page. Ho diffuso la decisione.

deve essere posizionato dove c'è 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> 

Esso deve essere collocato nel vostro iframe src

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