Login Asp.

Net
Login Asp.Net | Simples

Neste primeiro tópico iremos aprender a criar login em asp.net para sua
aplicação de modo simples. Nos outros tópicos você poderá personalizar
seu login asp.net.

Com asp.net utilizando o Visual Studio é bem simples criação de login.

Pois o próprio asp.net tem componentes que facilitam e nos ajudam
nisso.

Vamos criar 2 páginas, "default.aspx" e "login.aspx". A página

"default.aspx" será a página inicial da sua administração e a página
"login.aspx" será responsável pelo login.

Para iniciar localize o componente "Login" dentro do ToolBox conforme a

imagem abaixo:

E arraste para sua página "login.aspx", conforme imagem abaixo:

Em seguida clique duas vezes sobre o componente login da imagem

acima.
Ao fazer isso a tela de código C# irá abrir com o seguinte código,
conforme abaixo:
Código C#
1 
2  protected void Login1_Authenticate(object sender,
3  AuthenticateEventArgs e)
4  {
5      //Funções para tratar o login.
6  }
7 

Agora iremos configurar o login, para isso digite o seguinte código C#

dentro do componente de login:

Código C#
1 
2   protected void Login1_Authenticate(object sender, AuthenticateEventArgs e)
3   {
4        if ((Login1.UserName == "admin") && (Login1.Password == "123"))
5        {
6            e.Authenticated = true;
7            FormsAuthentication.RedirectFromLoginPage(Login1.UserName, false);
8        }
9        else
10       {
11            e.Authenticated = false;
12       }
13  }
14 

Explicação das linhas: na linha 4 criamos um If que compara o

UserName(nome de usuário) digitado no componente chamado Login1
com o texto "admin" e o Password(senha) digitado no componente
chamado Login1 com o texto "123".

Obs. Aqui passamos dois valores fixos, "admin" e "123", no entanto,

podemos fazer uma consulta no banco de dados para buscar essas
informações.

Se o nome de usuário for "admin" e a senha "123" então executamos as

linhas 6 e 7.

Linha 6: Fala para a aplicação que o usuário está logado no sistema.

Linha 7: Fala para a aplicação que após logar o usuário ele deve ser
direcionado para a página que tentou acessar. Vamos entender isso mais
a frente.

Senão, ou seja, se o usuário ou senha forem incorretos(linha 9) então

executo a linha 11. Que diz para a aplicação que o usuário não está
logado.

Agora abra a página "default.aspx" nela digite: "Usuário logado com

sucesso!".
O último passo é configurar nosso arquivo "Web.config" da aplicação.

Abra seu arquivo "Web.config", se não tiver um na sua aplicação crie. E

digite dentro da Tag "<system.web>" o seguinte código:

Código Web.config
1 
2   <authentication mode="Forms">
3       <forms name="MyCookie" loginUrl="login.aspx" timeout="30"/>
4   </authentication>
5 
6   <authorization>
7       <deny users="?"/>
8   </authorization>
9 

Linha 2: Configuro a aplicação para autenticar por Formulário.

Linha 3: Configuro a aplicação para ter como página de login padrão a

página "login.aspx", ou seja, qualquer página que o usuário que não
está logado tentar acessar vai ser direcionado para a página
"login.aspx". Quando o usuário entra na página "default.aspx" e não está
logado será direcionado para "login.aspx", quando efetuar o login, será
direcionado para a página que tentou acessar, ou seja, "default.aspx".

Linhas 6, 7 e 8: Diz a aplicação que somente usuários logados tem

acesso as páginas.

Testando: Para testar basta abrir a página "default.aspx", você será

direcionado para a página de login(login.aspx), após digitar
usuario(admin) e senha(123) você será direcionado novamente para a
página "default.aspx", só que agora com permissão para acessar o
conteúdo da mesma.

Login Asp.Net | Personalizando visual e mensagens

O componente de login do asp.net também permite que personalizemos

as mensagens de erro e textos bem como aparência.

Para personalizar a aparência da caixa de login, clique sobre a mesma,

aparecerá uma seta na parte direita superior.

Clique na seta e escolha a opção "Auto Format ...". Conforme a imagem

abaixo:
Abrirá uma caixa com alguns temas padrões, escolha o desejado.
Conforme imagem abaixo:

Pronto! Seu componente de login estará com o novo tema escolhido,

conforme exemplo:

Agora vamos configurar os textos e mensagens de erro. Clique sobre a

caixa de login do seu asp.net e observe a janela "Properties" do Visual
Studio, conforme imagem abaixo:
Bem, a "Properties" do componente login tem diversas opções para
personalizar. Abaixo segue algumas:

FailureText: Texto que será exibido quando nome de usuário ou senha

estiverem incorretos. Ex: Erro! Nome de Usuário ou senha incorretos!

LoginButtonText: Texto do botão de login. Ex: Entrar.

PasswordLabelText: Texto da senha. Ex: Senha.

PasswordRequiredErrorMessage: Erro a ser exibido quando o usuário

não digitar senha. Ex: Digite sua senha!

RememberMeText: Texto da opção para salvar o usuário no

computador. Ex: Guardar Dados!

TitleText: Título da caixa de login. Ex: Efetue seu login:.

UserNameLabelText: Texto do Usuário. Ex: Usuário.

UserNameRequiredErrorMessage: Erro a ser exibido quando o

usuário não digitar nome de usuário. Ex: Digite seu nome de usuário!

Após efetuar as modificações conforme os exemplos, confira o resultado:

Login Asp.Net | Logout

O componente de login do asp.net já possui uma opção de logout. Ou

seja, para desconectar o usuário logado da session criada. A opção é o
LoginStatus, que se encontra na "Toolbox" junto com os componentes
de login, conforme imagem abaixo:

Para utilizar está opção basta arrastar para sua página.

No entanto, há outras opções para se fazer logout. Já que está opção de

LoginStatus não pode ser utilizada em todos os lugares, visto ser um
componente do asp.net. Por exemplo, se você tem um menu criado
através de algum outro componente do asp.net e quer incluir logout não
poderá utilizar o LoginStatus.

Por isso, segue uma opção de logout que pode ser utilizada em qualquer
situação.

Crie um link para a página "logout.aspx", conforme código abaixo:

Código Aspx
1 
2   <a href="logout.aspx">Sair</a>
3 

Crie uma página chamada "logout.aspx" e coloque o seguinte código C#

no "Page_Load", conforme exemplo:

Código C#
1 
2   protected void Page_Load(object sender, EventArgs e)
3   {
4        FormsAuthentication.SignOut();
5        //Efetua o logout, desconectando o usuário.
6       
7        Response.Redirect("default.aspx");
8        //Redireciona o usuário para a página "default.aspx".
9   }
10  

Obs. A página "logout.aspx" não precisa conter nada, apenas o código

C# acima.

Pronto! Agora você já tem uma opção de logout na sua administração.