Oficina da Net

Fonte de ícones - Confira o novo ÍCONES BR.

Publicado em: 02/08/2007 | JavaScript | Visualizações: 2.243 | 1 Comentário(s)

Acessso por senha Javascript

Lamentavelmente, javascript não é uma linguagem com a qual se possa realizar um método interessante para fazer com que algumas páginas de nosso site somente seja acessíveis se se introduz uma senha correta. Mesmo assim, existe um mecanismo para poder realizar isto, que não é muito avançado nem muito seguro, mas pode dar um efeito em nossas páginas que estamos desejando.

Trata-se de colocar páginas web em nosso espaço de links, para que ninguém possa acessa-las. Esta é toda a segurança que podemos dar a nossas páginas: como não existem links dirigidos para elas, ninguém poderá acessa-las. A única maneira de acessar as páginas seria conhecendo o nome de arquivo e escrever a URL do mesmo, mas como também não vamos publicar o nome do arquivo, poderemos estar quase certos de que ninguém acertará construir o endereço da página que queremos ocultar. Logo, criaremos um formulário muito simples, que incluirá um campo de texto e um botão. No campo de texto teremos que escrever o nome do arquivo que se deseja ver e ao clicar o botão javascript seremos conduzidos para a página que tiver esse nome de arquivo. Nesse ponto pode acontecer duas coisas:

1. Primeiro, que o nome de arquivo seja incorreto, ou seja, inventamos a senha mas não acertamos com o nome da página escondida. Neste caso, se mostraria uma página de erro típica, dessas que o servidor mostra quando tentamos acessar a uma página que não existe.
2. Segundo, que o nome da página seja correto, ou seja, que a senha que introduzimos seja igual ao nome do arquivo queremos acessar. Neste caso, javascript nos conduzirá ao lugar correto e poderemos ver a página oculta.

Vejamos passo a passo como construir este sistema de acesso por senha:

1.- As páginas para desenvolver

Temos que trabalhar com 2 páginas web pelo menos, uma para colocar o formulário e outra que seria a página oculta. Teremos estas páginas colocadas no mesmo diretório, com o qual simplificaremos um pouco o problema.

2.- Formulário para a senha

Na página que quisermos colocar o acesso por senha, devemos colocar o seguinte formulário:

<FORM name=formsenha>

<INPUT type=password name=senha>

<INPUT type=button value=Acessar>

</FORM>

3.- Função que nos envia à página oculta

Como a página oculta tem como nome de arquivo o que tivermos escrito no campo de texto, poderemos acessa-la da seguinte forma:

<SCRIPT>

function acesso(){

    window.location = document.formsenha.senha.value + ".html"

}

</SCRIPT>

A função é muito simples, o único que faz é concatenar o nome que foi escrito no campo de texto com ".html" e nos manda, utilizando window.location, diretamente à página cujo nome acaba de ser construido.

Como concatenamos com ".html" o nome do arquivo escrito no formulário, o nome que escrevermos deverá ir sem ".html".

4.- Incluir no botão a chamada à função

Com o objetivo de que ao clicar o botão o navegador nos leve à página oculta, temos que fazer com que ao clica-lo, seja chamada a função acesso definida no ponto anterior. Isto se consegue mediante o atributo onclick, que devemos inserir na etiqueta do botão.

<INPUT type=button value=Acessar onclick="acesso()">

5.- Código inteiro da página

Podemos ver a seguir o código da página inteira. Somente mostramos o código da página que tem o formulário, porque a página oculta poderá ser como cada um desejar.

<html>

<head>

    <title>senha acesso</title>

</head>



<body>

<SCRIPT>

function acesso(){

    window.location = document.formsenha.senha.value + ".html"

}

</SCRIPT>



<FORM name=formsenha>

<INPUT type=password name=senha>

<INPUT type=button value=Acessar onclick="acesso()">

</FORM>



</body>

</html>

6.- Últimos anotações

Uma coisa importante na hora de conseguir que o script seja mais confiável consiste em criar páginas com um nome de arquivo difíicil de se inventar. Como o nome da página é a senha com a qual vai ser acessada a página necessitaremos que tal nome seja um pouco complexo, como por exemplo, fks12dmxc53.html. Se a página senha se chamasse por exemplo, index. html qualquer um com um pouco de imaginação poderia inventa-la.

Antes de terminar, cabe repetir que este não é o método mais seguro que existe para criar scripts para realizar acessos restringidos, é somente uma pequena astúcia que "funciona". Para realizar este objetivo com melhores resultados temos linguagens como ASP, PHP ou CGI. Também podemos restringir o acesso às páginas utilizando o própio sistema operativo e a autentificação que este implementa, tal vez seja a opção mais cômoda, embora não seja cem porcento provável que o nosso provedor de hospedagem nos permita.

Links patrocinados

Últimos artigos do editor

Usabilidade: Bom modelo c.
Um bom modelo conceitual per.

Linguagens Formais
Entende-se por Teoria das Li.

Programação de computador.
Programação é o processo de .

PCI Express
PCI Express (também conhecid.

Curso de C#: Lição 18: Ov.
Esta lição mostra como a sob.

Processador Intel® Core™2.
No dual-core da tecnologia d.

> clique aqui para comentar

Opinião do leitor:

1 Comentário(s)

Leandro comentou:

Parabéns pelo artigo. É uma forma objetiva de "quebrar um galho" muitas vezes não é preciso um sistema de outro mundo pra resolver questões simples. Fica a dica também de usar qualquer extensão, basta alterar ali onde está + ".html" e usar o que quiser... ".php" ".swf" ".jpg" utilizei este sistema para criar um jogo do tipo "enigma" o céu é o limite basta termos imaginação. valeu por compartilhar conosco seu conhecimento!

Publicado em: 26/07/2008 - 14:09

Acesso restrito

Destaques

Desabilitando Processos no Windows
Veja como desabilitar alguns processos do windows

Layouts Free
Confira a nossa coletânea de layouts prontos para uso. Diversas categorias para você escolher.

Você controla seu tempo em atividades?
Nos tempos de hoje sempre há necessidade de produtividade em níveis elevados

Autor

Redação Oficina da Net