Login com javascript e html (para app hibrido)

[WBS DIGITAL 6]

Estou estudando sobre dispositivos hibridos e necessito de um sistema de login para o mesmo, consigo, via ajax verificar se os dados do input (login e senha) são validos e jogar para a pagina restrita, mas como tratarei via app, não posso usar php, gostaria de entender como restrinjo e pego id do usuario em javascript?

Para entenderem, segue o codigo em javascript (ajax) e php

formulario de acesso (html)

Citar

<h2 id="errolog">Usuário ou senha errados!</h2>
<form id="formlogin">
    <input type="email" id="email" placeholder="Digite seu e-mail" required="" />
    <input type="password" id="senha" placeholder="Senha" required="" />
    <button type="submit">Entrar</button>
</form>

 

script pra fazer a consulta

Citar

$(document).ready(function(){
    $('#errolog').hide(); //Esconde o elemento com id errolog
    $('#formlogin').submit(function(){     //Ao submeter formulário
        var login=$('#email').val();    //Pega valor do campo email
        var senha=$('#senha').val();    //Pega valor do campo senha
        $.ajax({            //Função AJAX
            url:"login.php",            //Arquivo php
            type:"post",                //Método de envio
            data: "login="+login+"&senha="+senha,    //Dados
               success: function (result){            //Sucesso no AJAX
                        if(result==1){                        
                            location.href='restrito.php'    //Redireciona
                        }else{
                            $('#errolog').show();        //Informa o erro
                        }
                    }
        })
        return false;    //Evita que a página seja atualizada
    })
})

 

consulta no codigo php

Citar

<?php
  mysql_connect('localhost', 'root','')or die();    //Conecta com o MySQL
  mysql_select_db('loginajax');                        //Seleciona banco de dados
  
  $login=$_POST['login'];    //Pegando dados passados por AJAX
  $senha=$_POST['senha'];
  
  //Consulta no banco de dados
  $sql="select * from usuarios where email='".$login."' and senha='".sha1($senha)."'"; 
  $resultados = mysql_query($sql)or die (mysql_error());
  $res=mysql_fetch_array($resultados); //
    if (@mysql_num_rows($resultados) == 0){
        echo 0;    //Se a consulta não retornar nada é porque as credenciais estão erradas
    }
    
    else{
        echo 1;    //Responde sucesso
        if(!isset($_SESSION))     //verifica se há sessão aberta
        session_start();        //Inicia seção
        //Abrindo seções
        $_SESSION['usuarioID']=$res['id'];         
        $_SESSION['nomeUsuario']=$res['nome'];
        $_SESSION['email']=$res['email'];    
        exit;    
    }
?>

 

codigo para restringir as paginas (aqui está o problema, ja que devo chamar paginas html e não pode ter codigos php direto no arquivo)

Citar

<?php
session_start();     //A seção deve ser iniciada em todas as páginas
if (!isset($_SESSION['usuarioID'])) {        //Verifica se há seções
        session_destroy();                        //Destroi a seção por segurança
           header("Location: index.html"); exit;    //Redireciona o visitante para login
}
?>