O que vamos aprender hoje é como criarmos um sistema de login e senha utilizando o Flash e um arquivo XML com segurança, através de dados que serão ocultados por classes que ficam ocultas em nossa programação, impossibilitando a visualização por gente mau intensionadas. Vamos começar:
PASSO 1
Antes de tudo vamos construir em um arquivo .as a classe que será importada e ocultada dentro de nosso arquivo SWF.
Abra o Flash e selecione File -> New -> ActionScript File.
Vocês vão notar que não existe interface, é apenas um campo para a inserção de um código em ActionScript. Pois bem, nele coloquem o código abaixo:
//____________________________________
// Criamos a classe e extendemos ela para a utilização em MovieClips
class classeLogin extends MovieClip {
// Criamos a função base que será chamada em nossos MovieClips
private function classeLogin () {
// Condicionamos o evento "onRelease" para a função "Release" criada logo abaixo.
this.onRelease = this.Release;
}
// Criamos uma função privada chamada "Release ()"
private function Release () {
// Criamos uma variável chamada arquivo que vai armazenar o nome do arquivo XML
var arquivo:String = new String ();
// O valor da variável "arquivo" com o nome de "log.xml" será o nome do nosso XML
_root.arquivo = "log.xml"
// Executamos a função "busca ()" que progamaremos em nosso arquivo principal
_root.busca ();
}
}
/*
PORQUE CRIAR A CLASSE:
O propósito da criação desta classe é apenas de esconder o nome do nosso arquivo XML que
contém o login e a senha de cada usuário, assim como a página que será exibida para cada
usuário no momento em que ele for logado corretamente.
COMO FUNCIONA:
No momento em que clicarmos no botão será gerada uma variavel no palco com o nome de "log.xml", e essa
variável vai ser recuperada pelo flash e utilizada para abrir o XML secreto.
*/ //___________________________________
Agora salve este arquivo como “classeLogin.as“.
PASSO 2
Vamos agora para a construção de nosso arquivo XML.
Abra o Flash e selecione File -> New -> ActionScript File.
Vocês vão notar que não existe interface, é apenas um campo para a inserção de um código em ActionScript.
Nele coloquem o código abaixo:
//______________________________
<?xml version="1.0" encoding="utf-8"?>
<paulo senha="123" link="pontuaki.com.br" />
<antonio senha="456" link="pontuaki.com.br"/> //________________________________
Agora, salve este arquivo como “log.xml” que automaticamente o Flash salvará ele como um arquivo .xml e não .as.
Para adicionar mais usuários basta repetir uma das linhas de exemplo com o nome, senha e link.
PASSO 3
Vamos agora para a construção de nosso arquivo FLA. Abra o Flash e selecione File -> New -> Flash File (Action Script 2.0). Crie 2 camadas: Actions e Elementos.
Na camada Elementos:
Montem um layout como o que está abaixo, e instanciem os campos da maneira descrita na imagem.
Na camada Actions:
Coloque o código abaixo:
//____________________________
// Criamos a função "busca ()" que será chamada ao clicarmos no botão
function busca () {
/*
Criamos uma variável que vai comparar e um por um os nomes
dos nós de nosso XML com o valor colocado no inputText
*/
var erro:Number = 0;
// Ativamos a correção de acentos no nosso arquivo
System.useCodepage = true;
// Criamos uma variavel XML
var meuXML:XML = new XML();
// Carregamos o arquivo oculto vindo da nossa classe
meuXML.load(_root.arquivo);
// Ignoramos o espaçamento em branco do XML
meuXML.ignoreWhite = true;
// Estabelecemos o que acontecerá quando o XML for carregado
meuXML.onLoad = function(){
// Criamos uma variavel para recolher a quantidade de nos do nosso XML
qnt = this.childNodes.length
// Criamos uma função que vai se repetir ate não existirem mais nós no XML
// Ou seja, até que não existam mais nomes a serem comparados.
for (i=0; i<qnt; i++) {
// Recolhemos o nome, senha e link de cada usuário de nosso XML
usuario = this.childNodes[i].nodeName;
senha = this.childNodes[i].attributes.senha;
link = this.childNodes[i].attributes.link;
// Verifica se o nome digitado é de algum usuário cadastrado
if (usuario != user.text) {
erro ++
/*
Se a quantidade de erros atingir a quantidade de usuários do XML
significa que não existe aquele usuário digitado
*/
if (erro == qnt) {
// Exibimos a informação de "Dados Inválidos"
aviso.text = "Dados Inválidos";
}}
// Caso o usuário digitado bata com o usuário registrado...
if (usuario == user.text) {
// Testamos para ver se o pass digitado bate com aquele usuário.
if (senha == pass.text) {
// Caso sim, exibimos a URL do usuário cadastrado:
// Aqui você edita para a ação que desejar, como por exemplo um getURL.
aviso.text = "Usuário Logado: ("+link+")";
// Caso esteja errada....
} else if (senha != pass.text) {
// Exibimos a informação de "Dados Inválidos"
aviso.text = "Dados Inválidos";
}}}}} //________________________________
PASSO 4
Agora, nesse quarto e último passo vamos linkar nosso botão com a nossa classe criada separadamente.
1° Certifique-se de que a Classe e o arquivo FLA estejam salvos no mesmo diretório.
2º Com o botão direito do mouse, clique no simbolo de seu botão na library e selecione a opção “Linkage” como mostra a figura abaixo:
3º No campo de texto “Class” coloque o nome de nossa classe conforme criamos anteriormente, como mostra a figura abaixo:
OBSERVAÇÕES
Ao “linkar” a classe com o nosso botão ela ja fica inserida em nosso arquivo FLA de maneira oculta. Sendo assim, não precisa e nem deve fazer o upload do arquivo “classeLogin.as” para o servidor. Os únicos que devem ser enviados são o SWF e o XML.
Uma dica importante é a de colocar um nome complicado em seu arquivo XML que contenha os dados dos usuários cadastrados, pois dessa maneira você dificulta ainda mais com que pessoas encontrem seu arquivo no servidor.
Opte por nomes como “as77ASs8s.xml”
Por: mxstudio
