Neste tutorial será explicado como fazer autenticação Asp .Net utilizando JQuery com JSON. Fará a autenticação com AJAX, que dará um efeito super interessante para o login de sua aplicação ou site.

Neste tutorial será explicado como fazer autenticação Asp .Net utilizando JQuery com JSON. Fará a autenticação com AJAX, que dará um efeito super interessante para o login de sua aplicação ou site.

Para iniciar crie um projeto em branco e adicione as seguintes páginas:

Default.aspx – Essa já vem, será nossa página com o formulário de login.

Login.aspx – Essa será nossa página que irá fazer o login e retornar em JSON.

MinhaPagina.aspx – Essa será nossa página de teste para verificar se a autenticação está funcionando.

<a href="https://i0.wp.com/www.leonardohofling.com/blog/wp-content/uploads/2015/06/13.jpg” data-rel="lightbox-image-0” data-rl_title=”” data-rl_caption=”” title="“>

Vamos configurar nosso Web.config para que a página Default.aspx seja o login e tenhamos acesso a página Login.aspx mesmo sem estar logado.

[Web.config]

Após fazer essas alterações no web.config, se tentarmos acessar a página MinhaPagina.aspx seremos redirecionados automaticamente para Default.asp

<a href="https://i1.wp.com/www.leonardohofling.com/blog/wp-content/uploads/2015/06/211.jpg” data-rel="lightbox-image-1” data-rl_title=”” data-rl_caption=”” title="“>

Agora vamos montar nossa rotina de login dentro da página Login.aspx:

[Login.aspx.cs]

Agora vamos fazer nosso formulário de login. Utilizaremos a API JQUERY que pode ser carregada diretamente com a API do Google (como vou fazer no exemplo), ou baixada no site do fabricante: www.jquery.com

Obs: A partir do VS 2010 o JQuery já vem embutido.

[Default.aspx]

<a href="https://i2.wp.com/www.leonardohofling.com/blog/wp-content/uploads/2015/06/31.jpg” data-rel="lightbox-image-2” data-rl_title=”” data-rl_caption=”” title="“>

 

Até a próxima!