Web básica con formulario acceso restringido

woselwosel · #1 (**permalink**) 21/04/2016, 03:42

Hola

Tengo que hacer un apaño en una web, y no sé si puedo hacerlo ni cómo.

Aviso que no tengo muchos conocimientos de programación, pero sí se algo de HTML y sé manejarme con FTPs y esas cosas.

Tengo que montar una web sencilla (html) de una sola página, que tenga un acceso restringido mediante usuario y contraseña. Y una vez accedes con ese usuario y contraseña, accedes a otra página única (común para todos) y ya está.

Cómo me recomendáis hacerlo? Sólo con plantilla html no sé si se podrá hacer (porque necesita una sql al menos, no? Un wordpress (que sé instalar y configurar) se me antoja demasiado complejo sólo para montar una web de 2 páginas, que además no tendrá estructura de blog ni nada.

Gracias

Malenko · #2 (**permalink**) 21/04/2016, 03:49

Te haría falta un mínimo de lenguaje de servidor (php, java, ruby, .NET) para controlar el acceso y la sesión. Para evitar que sabiendo la dirección de la segunda página puedan acceder directamente a ella sin autentificarse.

woselwosel · #3 (**permalink**) 21/04/2016, 03:53

Bueno, tampoco es información de la NASA lo que se oculta en la segunda página. Es más bien un paripé para que la gente sepa que sólo puede acceder a esa web si nosotros les dejamos. Hay alguna manera sencilla?

He leido que con Dreamweaver se puede, y que los usuarios y contraseñas se pueden guardar en un documento de texto sin necesidad de SQLs.... pero no me aclaro en si en la situación que describo se podría y qué necesitaría.

Malenko · #4 (**permalink**) 21/04/2016, 04:04

No es que se trate o no de la NASA, pero si se puede acceder a la segunda página simplemente sabiendo la URL, eso quiere decir que podrán hacerlo sin vuestro permiso.

Y Dreamweaver es solo un editor de texto, por lo tanto, no es que con Dreamweaver se pueda.

Lo ideal es que hagas un pequeño script de validación en PHP (si lo prefieres puedes con Dreamweaver o con Notepad++ o tu editor favorito).

woselwosel · #5 (**permalink**) 21/04/2016, 04:21

Bueno, si se puede acceder a la segunda URL no pasa nada, como digo es más bien un paripé.

cómo se tendría que hacer entonces y qué necesito?

DesgraciadoGabo · #6 (**permalink**) 21/04/2016, 08:46

woooooooow No conocía esa palabra de paripé

No hay nada en el trabajo y tiene mucho que no hago nada en php aquí te dejo un ejemplo de como podrías hacerlo sin usar bases de datos:

Código PHP:

Ver original<!doctype html>
<html>
    <head>
        <title>Login paripé</title>
        <meta charset="UTF-8">
    </head>
<body>
<?php
 
    /*
     * Aqui puedes poner usuarios y contraseñas a diestra y siniestra
     * Pero el contenido que mostrarás no lo podrás personalizar
     * Más o menos*
     */
    if((!isset($_POST['engtrar']))
        AND
        ($_POST['user'] == "avergabo" && $_POST['pass'] == "123456")
        OR
        ($_POST['user'] == "paripe" && $_POST['pass'] == "pasale")){
            
            $user = $_POST['user'];
            echo"hola $user, ya te paripé";
            
            /*Aquí te recomiendo apliques un include o require_once
             * require_once("nombredetuarchivo_masunacadena.php");
             */ 
            
        }
        
    else{
        
        echo"
        <form method=\"post\" action=\"log.php\">
            <input type=\"text\" name=\"user\" placeholder=\"Usuario\">
            <input type=\"password\" name=\"pass\" placeholder=\"Password\">
            <br>
            <input type=\"submit\" value=\"Entrar\" name=\"entrar\">
        </form>
        ";
            
        
    }
    
?>
 
</body>
</html>

Cualquier comentario por aquí andamos, saludos

danielpatc · #7 (**permalink**) 22/04/2016, 08:37

Si es algo sencillo puedes usar javascript para verificar un usuario y una contrseña y si son iguales redirigir a la otra página algo asi:

Código HTML:

Ver original<form>
        <label>Usuario:</label>
        <input type="text" id="user"><br>
        <label>Contraseña</label><br>
        <input type="password" id="pass">
        <button onclick="validar(); return false;">Entrar</button>
    </form>

Código Javascript:

Ver original<script>
    function validar(){
        var user = document.getElementById("user").value;
        var pass = document.getElementById("pass").value;
        if(user == "El_Usuario" && pass == "La_Contra"){
            location.href="La_Pagina_Dos.html";
        }else{
            alert("Usuario O Contraseña Incorrecta");
        }
    }
    </script>

woselwosel · #8 (**permalink**) 22/04/2016, 09:01

Gracias por las soluciones que proponéis, pero:

No tengo mucha idea, como dije xD

Con esos códigos HTML o lo que sea ya se genera automáticamente un formulario visual donde introducir los campos?

El javascript o PHP, cómo lo creo/escribo/subo? Quiero decir, son archivos a parte?

Y luego, en qué lugar debo yo escribir/registrar los usuarios que he dado de alta? En el javascirpt último no me queda claro.

danielpatc · #9 (**permalink**) 22/04/2016, 09:19

Entonces no es tan básica como parece,
Te recomiendo empezar a ver tutoriales de HTML - JavaScript - Php - Mysql

Visita el enlace:
http://www.aprenderaprogramar.com/index.php?option=com_content&view=category&id=70&I temid=193

MatrixNeo · #10 (**permalink**) 23/04/2016, 11:31

Con wordpress de hecho que lo logras! solo investiga un poco.

siddartha23 · #11 (**permalink**) 25/04/2016, 19:29

Mejor contrate por medio día a alguien que sepa del tema...