[Aporte] Logueo a Hotspot Con Mail (Para Wifi Libre en Plazas_ Hoteles_ Etc) _ Comunidad Ryohnosuke.

 Accede o regístrate

Portal Busc Bu scar ar

Manuales

Foros

Tienda

Área de Clientes

Mensa Me nsaje jess rec recie iente ntess Buscar...

Portal

Foros

MikroTik  

Guías y Manuales

[APORTE] Logueo a Hotspot con Mail (para Wifi libre en plazas, hoteles, etc) Tema en 'Guías y Manuales' iniciado por yo_mono, 28 Oct 2016. Etiquetas:

h ot s po t

login

mysql

php

Bueno, busque y busque una forma de hacer esto (Incluso abri un hilo en este mismo foro y nadie me contesto siquiera ). Despues de mucho probar, logre que funcione. Y como realmente me costo mucho y no encontre ningun tutorial en internet que haga lo que yo quiero, les muestro y enseño. --------------------------------------------------- --------------------------------------------------- -------- ------La idea es: -Cliente de restaurante, hotel, plaza, plaza, etc. Se conecta a nuestro Wifi libre -Lo dejamos, pero antes tiene que colocar su mail para que nosotros lo agreguemos a nuestra base de datos (y asi poder enviarle mucho spam) -una vez colocado, click en "conectar" y wala! funcionando.

 yo_mono New Member Me Gusta recibidos:

mail

6

--------------------------------------------------- --------------------------------------------------- -------- ------Como lograrlo: Vamos a necesitar los siguientes ingredientes: *Un servidor PHP con Mysql *Un mikrotik *Clientes que quieran conectarse --------------------------------------------------- --------------------------------------------------- -------- -------

PASO 1 - Apuntar mikrotik a servidor externo Una vez dado de alta el hotspot (ya hay mucha informacion de como hacerlo en este mismo foro), modificar el archivo "login.html" para que redireccione a una direccion externa, en donde nosotros vamos a tener cargado nuestro formulario. EJ: Spoiler: Login.html

<script language=" language="JavaScript"> JavaScript"> Como ven, nuestro login.html apunta a un servidor externo. Esto nos lleva al paso 2

PASO 2 - Preparar Mysql  Ahora voy a explicar como poner a punto el servidor Mysql. En mi caso, di de alta una cuenta en el hosting gratuito www.000webhost.com www.000webhost.com.. Ya que es una sola base de datos y ni siquiera va a usar pagina web, no necesito mas que eso. Necesitamos una base de datos Mysql, con el nombre que quieran. Acceder al phpmyadmin y ejecutar el siguiente comando: Spoiler: Comando en Phpmyadmin

CREATE TABLE IF NOT EXISTS `user` ( `id` int(11) NOT NULL AUTO_INCREMENT, `username` varchar(255) NOT NULL, `email` varchar(255) NOT NULL, PRIMARY KEY (`id`), UNIQUE KEY `username` (`username`) (`username`) ) Listo. Ahora tenemos una tabla de nombre "user", con las filas "id", "username" y "email". Cualquiera de estos nombres pueden cambiarlo si quieren. Solo lo deje asi porque para lograr que esto funcione recopile informacion de muchos lados, y asi quedó, simplemente.

PASO 3 - Preparar formulario PHP  El siquiente paso es crear el archivo "formulario.php" (ese al que apunta nuestro login.html). O sea, el formulario en si donde la gente va a darnos amablemente su email. El mio luce mas o menos asi: Spoiler: formulario.php


$query = "INSERT INTO `user` (username, email) VALUES ('$username', '$email')"; $result = mysqli_query($connection, $query); if($result){ header('Location: http://10.5.50.1/login?username=admin2&password=admin2'); die(); }else{ $fmsg ="Hubo un error al conectarse, por favor intentelo de nuevo"; } } ?> <script src="bootstrap.min.js">

Este formulario en la web se va a ver asi: Spoiler: Formulario web

 (se ve algo torcido porque tengo un monitor grande y solo recorte lo que interesaba) Honestamente NO SE NADA DE PROGRAMACION WEB asi que no puedo ayudarlos si tienen dudas sobre lo que dice ahi adentro. Solo voy a aclarar algunos puntos clave que son los que yo tuve que editar para que esto funcione. Se los pongo uno por uno en este Spoiler asi es mas ordenado: Spoiler: Aclaracion 1

require('connect.php'); ----> Aca lo que dice es que primero va a buscar otro archivo mas llamado "connect.php" que se va a conectar a la base de datos creada en el punto 2. Esto lo voy a explicar en el punto siguiente Spoiler: Aclaracion 2

if (isset($_POST['username']) && isset($_POST['email'])){ $username = $_POST['username']; $email = $_POST['email']; $query = "INSERT INTO `user` (username, email) VALUES ('$username', '$email')"; $result = m ysqli_query($connection, $query);  ----------------> Aca, indica que SIEMPRE que el cliente haya colocado sus datos correctamente, estos se van a insertar en la tabla que nosotros queremos Spoiler: Aclaracion 3 (importante)

if($result){ header('Location: http://10.5.50.1/login?username=admin2&password=admin2'); die(); }else{ $fmsg ="Hubo un error al conectarse, por favor intentelo de nuevo"; ---------- > esta parte es muy importante. Lo que dice esta parte del codigo es que SI SE ESCRIBIO CORRECTAMENTE la tabla, va a redirigirnos a nuestro mikrotik y automaticamente loguearnos con el usuario "admin2" y contraseña "admin2" al hotspot (el usuario a utilizar tiene que tener habilitada la opcion de shared user, ya que se va a "conectar" simultaneamente decenas o centenas de veces). En caso contrario, si hubo algun error, va a mostrar el mensaje "Hubo un error al conectarse, por favor intentelo de nuevo"

El resto, es codigo para darle estilos a la pagina (formato, que no sean solo textos en el aire) y mas abajo la pagina en si. Como dije antes y repito ahora: NO TENGO IDEA DE PROGRAMACION WEB, solo recopile codigos que encontre hasta lograr uno funcional, fue todo deduccion y suerte, asi que no se ni la mitad de las cosas que dice ese codigo que pegue arriba.

PASO 4 - ARCHIVO "CONNECT.PHP" PARA CONECTARSE A LA BASE DE  DATOS  Este archivo tiene que ir en el mismo directorio que el "formulario.php", ya que este lo invoca al principio de su codigo, para poder conectarse al servidor mysql que va a utilizar. Y dice asi: Spoiler: Connect.php


PASO 5 - ARCHIVO ALOGIN.HTML EN EL MIKROTI  Cuando nuestro formulario nos direccione con exito de vuelta al Mikrotik, este va a acceder al archivo "alogin.html". Este archivo contiene la pagina a la que vamos a ser redireccionados una vez que accedemos al Hotspot. En mi caso, a la pagina del restaurante para el que cree todo esto. Y dice mas o menos asi: Spoiler: Alogin.html

<meta http-equiv="Refresh" content="0;url=www.paginadelrestauranteparaelquecreetodoesto.com " />

Muy bien! Ya tenemos nuestro Hotspot funcionando! Un par de aclaraciones para terminar: -Recuerden habilitar el host donde tienen alojado el formulario en el walled garden para poder acceder. Es mas o menos asi: Spoiler: Walled Garden

 /ip hotspot walled- garden add action=allow disabled=no dst-host=www.servidordondetienensuphp.com -La direccion a la que su PHP los va a redirigir luego de hacer el formulario (en este caso la http://10.5.50.1/login?username=admin2&password=admin2) TIENE QUE APUNTAR A LA IP DEL SERVIDOR HOTSPOT, NO A LA IP LAN PRIVADA DEL ROUTER. Aclaro esto porque en principio yo queria apuntarlo a "192.168.88.1" y me generaba un loop -Para convertir al usuario "admin2" en un shared User, lo que tienen que modificar no es el usuario en si si no el PERFIL de usuario que este usa. Acceden al hotspot --> User profiles --> elijen el perfil correcto, y ahi mismo tienen la opcion "shared users". En mi caso puse 99999. No se si es la opcion mas correcta pero funciona bien.

Espero que haya servido, espero que alguien le de bola, y espero haber ayudado a alguien como me hubiese servido esta ayuda a mi hace algunos dias. Saludos a todos! Última edición: 28 Oct 2016 yo_mono, 28 Oct 2016

#1

addo huisman, T4T0, MChacon y 3 otros les gusta esto.

Excelente, luego lo probaré, muchas gracias por compartir esta info!! saludos

Emanuel M. New Member Me Gusta recibidos:

Emanuel M., 28 Oct 2016

#2

3

 A yo_mono le gusta esto.

Excelente!!! Gracias por el aporte, era justo lo que necesitaba.

amaldonado New Member Me Gusta recibidos:

amaldonado, 18 Nov 2016 1

#3

amaldonado dijo: ↑ Excelente!!! Gracias por el aporte, era justo lo que necesitaba.

Me alegro que sirva. De paso te pregunto.. sabes como editar el tema?? No encuentro la opcion por ningun lado y me esta volviendo loco que en un lugar puse "mikroti"  yo_mono New Member Me Gusta recibidos:

yo_mono, 18 Nov 2016

#4

6

yo_mono dijo: ↑ Me alegro que sirva. De paso te pregunto.. sabes como editar el tema?? No encuentro la opcion por ningun lado y me esta volviendo loco que en un lugar puse "mikroti"

Buena informacion gracias! grammont Well-Known Member Me Gusta recibidos:

grammont, 18 Nov 2016

#5

280

yo_mono dijo: ↑ Me alegro que sirva. De paso te pregunto.. sabes como editar el tema?? No encuentro la opcion por ningun lado y me esta volviendo loco que en un lugar puse "mikroti"

yo_mono, hace varios dias que buscaba esa informacion.. MUCHAS GRACIAS!! Ahora para editar el tema lo mejor seria el dreamwaver, si no tienes mucho conocimineto em html. sebgale New Member Me Gusta recibidos:

sebgale, 23 Nov 2016

#6

0

Muy buena tu idea, yo tambien estaba buscando algo parecido a esto hace 2 meses (captar datos "nombre, celular, correo" para luego recién dar wifi gratis), yo lo hice con la opción "HOTSPOT TRIAL", la cual puedo decidir por cuanto tiempo quiero que estén conectados los clientes, ya sea 1,2 o 3 horas al día y después ya no tienen wifi.

JhorDy New Member Me Gusta recibidos:

JhorDy, 16 Dic 2016

#7

0

Tengo problema, con esta parte ya que no inicia seccion de esta forma: http://192.168.25.1/login?username=admin2&password=admin2 esa es la ip del mikrotik y no inicia seccion ese es el problema que tengo ahorita

MChacon New Member Me Gusta recibidos:

MChacon, 21 Ene 2017

#8

1

MChacon dijo: ↑ Tengo problema, con esta parte ya que no inicia seccion de esta forma: http://192.168.25.1/login?username=admin2&password=admin2 esa es la ip del mikrotik y no inicia seccion ese es el problema que tengo ahorita

MChacon New Member Me Gusta recibidos:

Encontre el error, el problema es con la base de datos ejemplo: 1

Si "Juan" se loguea por primera vez todo va bien, el problema es cuando quiere volver a entrar le pide nuevamente el correo y es donde hay conflicto con la base de datos y no deja pasar de ahi, ya que no reemplaza los datos la base de datos. Adicional les dejo un codigo para hacer Responsivo el Portal ya que como lo dejo el amigo @yo_mono se ve super pequeñas las letras y no se logra ver en Moviles.

Insertar CODE, HTML o PHP: <meta charset="utf‐8"> <meta name="viewport" content="width=device‐width, initial‐scale=1.0" />