Bom, estou fazendo um `WebApp` onde tenho uma página de login antes de acessar o app e dentro do app tenho algumas áreas com restrições.<br />
O WebApp está rodando tudo certinho, mas acabei ficando preso na hora de processar o login e fazer autenticação.

O WebApp é baseado somente em `AngularJs` e `PHP` com database em `MYSQL`.

###O que eu tenho: <br />
Por enquanto estou utilizando um login simples com autenticação através de PHP. Eu consigo logar e exibir o WebApp somente se estiver logado. Ok. Mas não consigo ir mais longe que isso. Um breve exemplo do código que estou utilizando:

***index.php*** <br />

	<?php session_start();
		include ('dist/php/config.php');

		if(isset($_GET['out'])){
			session_destroy();
			back("#");
		}
		if((!empty($_POST['user'])) && (!empty($_POST['password']))){

			$p = ['user'=>$_POST['user'], 'password'=>$_POST['password']];
			$r = sql("select * from users where user= :user and password = :password",$p);
			if($r != 0){
				foreach($r as $ln){
					$_SESSION['loggedin']=$ln['name_user'];
				}
			} else {
				$msg = "<div class='login_fb'><p>User or password incorrect</p></div>";
			}
		}

		if(!empty($_SESSION['loggedin'])){
			include "system.php";
		} else { ?>

	<head>
		<meta charset="UTF-8" />
        [... resto do head ...]
    </head>
    <body>
         [... resto do body com form de login ...]
    </body>
    <?php } ?>

O sistema de rota que uso no app é o `ui-router`.

O problema que tenho enfrentado por enquanto é em fazer a autenticação do usuário e manter esses dados para uso futuro. Dados como por exemplo, nome do usuário, id e categoria de permissão que ele está inserido. Inclusive manter esses dados mesmo após um refresh da página.

###Meu objetivo

O que eu pretendo é o seguinte:

- Logar no `WebApp`;
- Manter os dados do usuário (como dito anteriormente) para uso futuro nas demais páginas e nas diversas ações que o usuário poderá fazer;
- Ser possível dar refresh na página ou fechar a aba e retornar posteriormente sem perder o login (nem os dados do usuário);
- Controlar o acesso do usuário. Ex.: liberar página X somente se o usuário for da categoria "Super Admin";
- Impossibilitar o acesso sem passar pelo formulário. Ex.: Não ser possível acessar a página digitando diretamente na URL - Retornar com mensagem de "Você não tem permissão" ou "Você precisa estar logado".;

Eu até achei alguns exemplos e tutoriais na internet, mas eles são ou complexos demais, ou não possuem uma clara documentação para seguir, ou ainda em alguns casos, possuem algumas falhas bem prejudiciais. O melhor conteúdo que consegui [foi este aqui](http://stackoverflow.com/questions/22537311/angular-ui-router-login-authentication) mas a explicação já começa em um ponto mais avançado. Eu precisava mais de um guia nos passos iniciais.

Por exemplo, como fazer a validação do login baseado nos dados do formulário e depois manter isso em cache/cookis (seria isso?) para depois prosseguir com algumas áreas descritas no guia do link acima.

Também encontrei uma referência recomendando o uso de `$cookie` ($cookieStore ficou obsoleto, [segundo os docs](https://docs.angularjs.org/api/ngCookies/service/$cookieStore)) deste modo:

    app.run(['loginService', function(loginService){
        var username = $cookieStore.get('username');
        var password = $cookieStore.get('password');
        loginService.login(username, password);
    }]);

Mas é correto/aconselhável utilizar deste modo? Pois estariamos manipulando a variável do password dentro do angular, isso não pode trazer riscos à segurança do login do usuário? Pelo que eu saiba, não é o ideal.

###O que preciso saber:

- Este modelo de login (através daquele código em php) que estou utilizando é o recomendável? Existe algum melhor ou mais adequado para o meu propósito?
- Como posso prevenir o usuário de acessar alguma página do `WebApp` sem ter passado pelo processo de login? (acredito que seja automaticamente respondido caso eu consiga fazer o handle do login com o cache dos dados para uso em sessões futuras).
- Como posso fazer o armazenamento desses dados do cliente (bem como do login) para que quando ele retorne à página, permaneça logado??
- Esses dados precisam ser mantidos em todos os cenários de mudança/saída de página, desde que não haja uma saída através do 'Logout'.

Por fim, é isso. Acredito que com as informações para fazer o handle inicial eu consiga um norte para dar procedimento ao WebApp.