Como proteger código Javascript no front-end de um site


O código Javascript é um código de programação para Web que fica no front-end do navegador, e por muitas vezes, empresários, empresas, e instituições, torcem o nariz ao saber que o código do site ficará totalmente exposto para qualquer um interpretar e entender, e talvez abusar de algum recurso que tenha no site, mesmo que não haja nenhum risco evidente de segurança para o site em si, já que qualquer código no front-end, depende de recursos que geralmente estão no server-side, e não pode operar sozinho, desde que o back-end tenha sido bem desenvolvido.

Entretanto, por vezes, há necessidade de proteger o código, seja por qualquer motivo, por uso comercial, por uso em um produto de demonstração, e então temos uma mecânica que pode ser usada: proteção por ofuscação: na realidade, irá ajudar o código ficar mais seguro, pois ficará totalmente incompreensível por um ser humano, mas será fácil de entendimento pelo navegador e pela máquina.

1. Javascript Obfuscator

O site pode ofuscar o código original em um código totalmente diferente, e mesmo assim irá preservar sua funcionalidade:

Exemplo: 
function NewObject(prefix)
{
    var count=0;
    this.SayHello=function(msg)
    {
          count++;
          alert(prefix+msg);
    }
    this.GetCount=function()
    {
          return count;
    }
}
var obj=new NewObject("Message : ");
obj.SayHello("You are welcome.");                        
Saída:
var _0x6a6c=["\x53\x61\x79\x48\x65\x6C\x6C\x6F","\x47\x65\x74\x43\x6F\x75\x6E\x74","\x4D\x65\x73\x73\x61\x67\x65\x20\x3A\x20","\x59\x6F\x75\x20\x61\x72\x65\x20\x77\x65\x6C\x63\x6F\x6D\x65\x2E"];function NewObject(_0x7121x2){var _0x7121x3=0;this[_0x6a6c[0]]= function(_0x7121x4){_0x7121x3++;alert(_0x7121x2+ _0x7121x4)};this[_0x6a6c[1]]= function(){return _0x7121x3}}var obj= new NewObject(_0x6a6c[2]);obj.SayHello(_0x6a6c[3])


Comentários