Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Cómo crear un
Portal Cautivo
con EasyHotSpot
Por José Alberto Gallardo | Twitter: @Gallardo_1991
Tutorial completo en echo...
¿Qué Vamos a aprender?
¿Qué es un portal cautivo?
¿Para qué sirve?
Tipos de Portales Cautivos
Instalación de Easy Hots...
¿Qué es un Portal Cautivo?
 Un portal cautivo es un software o hardware conectado a una red
que vigila y controla el tráf...
¿Para qué sirve un Portal Cautivo?
 Un portal cautivo es muy útil a la hora de gestionar una red
inalámbrica Wi-Fi, ya qu...
Tipos | Ejemplos | Descargas
Por Software

Por Hardware

 Easy HotSpot | bit.ly/LinEasy

 Cisco BBSM-Hotspot

 PfSense ...
Introducción a Easy Hotspot
¿Qué es Easy Hotspot?
Easy Hotspot es un software de código abierto que ofrece un sistema sim...
¿Qué se necesita para instalarlo?
EasyHotspot en máquinas reales

EasyHotspot en máquinas virtuales

 Acceso a Internet

...
Esquemas de red: Real | Virtual
Esquema de red real

Simulación con Máquinas virtuales
Instalación de Easy Hotspot (1)
 En nuestro caso vamos a instalarlo en
la “Máquina Virtual 1”, por tanto al
iniciar por p...
Instalación de Easy Hotspot (2)
 El segundo paso será acceder
mediante el navegador a la
aplicación.
http://localhost/eas...
Instalación de Easy Hotspot (3)
 El tercer paso será corroborar que
nuestro Portal Cautivo con EasyHotspot
se ha creado y...
Easy Hotspot | Admin Menu
Al loguearnos como administrador con los
credenciales que hemos visto, podremos
ver un menú como...
Easy Hotspot | Chillispot
En Chillispot podremos configurar
nuestro Portal Cautivo que por defecto
estará bien configurado...
Easy Hotspot | Account Plan
Account Plan es el Plan Prepago, que lo
usaremos para usuarios que vayan a usar
nuestra conexi...
Easy Hotspot | Billing Plan
Traducimos Billing Plan como plan de
facturación, y gracias a esto podemos crear
usuarios
pred...
Easy Hotspot | Cashier Menu
El Casher Menu es el menú de facturación y es
muy
parecido
al
menú
de
administrador, accederem...
Easy Hotspot | Postpaid Account
 Como vemos en la imagen vamos a crear
el siguiente usuario de prepago
Name: Clienteprepa...
Easy Hotspot | Usuario Prepago
 Como podemos ver nos conectamos con
el usuario prepago, y tras navegar por
internet duran...
Easy Hotspot | Voucher Mnt.
 Desde el menú de administrador
anteriormente creamos Cliente1D el cuál
tendría 1440 minutos ...
Easy Hotspot | Cliente 1 Día
 Como vemos en la imagen se nos ha
creado el usuario yoyyox8 con la
contraseña cacgigak, el ...
Easy Hotspot | Users Online

 En Users Online podremos visualizar los usuarios online en este momento, y podremos
descone...
Easy Hotspot | Statistics

 Podremos visualizar las estadísticas de
nuestro portal cautivo desde la pestaña
“Statistics” ...
Easy Hotspot | Configuración extra
Podremos editar los siguientes archivos accediendo desde la terminal a las rutas:
 Par...
Easy Hotspot | Configuración extra
 También podremos modificar el archivo de loggin de los usuarios para adornar o inclus...
Easy Hotspot | Conclusiones
 Easy Hotspot nos ofrece un magnífica opción a la hora de crear
un portal cautivo ya que nos ...
Upcoming SlideShare
Loading in …5
×

Cómo crear un portal cautivo con easyhotspot

32,357 views

Published on

  • Hola buenos días porfa me podrías ayudar con la configuración en maquina virtual del portal
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Una pregunta este proyecto de easyhotspot esta activo, parece que ya esta muerto, funciona en windows 7 u 8????
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Buenas, perdona la tardanza en responder.
    La segunda interfaz del servidor y la primera del cliente, deben ser RED INTERNA ( a la cuál le tienes que poner el nombre que quieras, pero que sea el mismo en los dos) En Virtual Box puedes hacerlo en MV > Configuración > Red
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • que tal amigo... una pregunta y como le pusiste a las tarjetas de red, del servidor, y del cliente ...es decir como estan en virtual machine settings....la primera entiendo que en modo bridged (automatic).pero las otras targetas me confundi.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Cómo crear un portal cautivo con easyhotspot

  1. 1. Cómo crear un Portal Cautivo con EasyHotSpot Por José Alberto Gallardo | Twitter: @Gallardo_1991 Tutorial completo en echoinformatica.blogspot.com
  2. 2. ¿Qué Vamos a aprender? ¿Qué es un portal cautivo? ¿Para qué sirve? Tipos de Portales Cautivos Instalación de Easy Hotspot
  3. 3. ¿Qué es un Portal Cautivo?  Un portal cautivo es un software o hardware conectado a una red que vigila y controla el tráfico http y fuerza a los usuarios a pasar por una página especial si quieren navegar por internet.  El programa intercepta todo el tráfico HTTP hasta que el usuario se autentifique. El portal se encargará de hacer que esta sesión caduque al cabo de un tiempo. También puede controlar el ancho de banda usado por cada cliente (haciendo lo que se llama Calidad de Servicio).  Es muy común en bibliotecas, hoteles, aeropuertos…
  4. 4. ¿Para qué sirve un Portal Cautivo?  Un portal cautivo es muy útil a la hora de gestionar una red inalámbrica Wi-Fi, ya que podremos controlar los usuarios que se conectan a nuestra red, asignándoles un nombre de usuario y contraseña, ancho de banda y un tiempo limitado, con lo cuál estamos brindándole el acceso a internet por el tiempo y forma que nosotros queramos  Por ejemplo, si tenemos un portal cautivo en un hotel, podremos asignar un usuario y contraseña a un huésped por el tiempo que dure su estancia…
  5. 5. Tipos | Ejemplos | Descargas Por Software Por Hardware  Easy HotSpot | bit.ly/LinEasy  Cisco BBSM-Hotspot  PfSense | bit.ly/LinPepperS  Nomadix Gateway  PepperSpot | bit.ly/LinPfSense  Antamedia Hotspot Gateway  FirstSpot | bit.ly/WinFirtSpot  Aptilo Access Gateway  MPHS | bit.ly/WinMicrosolut  Mikrotik RouterOS
  6. 6. Introducción a Easy Hotspot ¿Qué es Easy Hotspot? Easy Hotspot es un software de código abierto que ofrece un sistema simple, fácil de instalar, usar y modificar a la hora de crear un portal cautivo. Simplemente tendremos que descargar un archivo .iso y quemarlo en un CD o como en nuestro caso, abrirlo desde una máquina virtual. ¿Cómo descargarlo e instalarlo? Puedes descargarlo de este enlace bit.ly/LinEasy. Una vez descargado, podremos iniciarlo como un live cd o instalarlo, en mi caso lo he instalado.
  7. 7. ¿Qué se necesita para instalarlo? EasyHotspot en máquinas reales EasyHotspot en máquinas virtuales  Acceso a Internet  Acceso a Internet  2 Equipos  2 Máquinas virtuales  Un Punto de acceso WiFi  CD de EasyHotspot  (Un Switch)  CD de EasyTotspot
  8. 8. Esquemas de red: Real | Virtual Esquema de red real Simulación con Máquinas virtuales
  9. 9. Instalación de Easy Hotspot (1)  En nuestro caso vamos a instalarlo en la “Máquina Virtual 1”, por tanto al iniciar por primera vez EasyHotspot vamos a escribir “install” y a continuación se realizará una instalación normal de Ubuntu.  En caso de que antes queramos probarlo o simplemente no nos apetezca instalarlo, podremos iniciarlo como live CD escribiendo “live”
  10. 10. Instalación de Easy Hotspot (2)  El segundo paso será acceder mediante el navegador a la aplicación. http://localhost/easyhotspot  Con los siguientes credenciales User name: admin Password: admin123  Con lo que entraremos en la aplicación web para configurar nuestro portal cautivo
  11. 11. Instalación de Easy Hotspot (3)  El tercer paso será corroborar que nuestro Portal Cautivo con EasyHotspot se ha creado y ya está activo.  Es por ello que desde nuestra “Máquina Virtual 2” (Consultar el esquema de red: pág. 7) vamos a intentar conectarnos a internet.  Si sale un pantalla como la que podéis ver, estáis de enhorabuena, ya tenéis vuestro Portal Cautivo funcionando.
  12. 12. Easy Hotspot | Admin Menu Al loguearnos como administrador con los credenciales que hemos visto, podremos ver un menú como este, y configurar las opciones que veremos a continuación:  Home - Inicio  Chillispot – Configuración (*)  Billing Plan - Plan de facturación (*)  Account Plan - Plan Prepago (*)  Cashier Management - Facturadores  Admins - Administradores  Logout - Cerrar sesión
  13. 13. Easy Hotspot | Chillispot En Chillispot podremos configurar nuestro Portal Cautivo que por defecto estará bien configurado, aunque podemos destacar…  Allowed URL que son las direcciones que permitimos al usuario sin estar logueados  Clients Homepage que será la página de inicio una vez estén logueados los usuarios
  14. 14. Easy Hotspot | Account Plan Account Plan es el Plan Prepago, que lo usaremos para usuarios que vayan a usar nuestra conexión y que nos pagarán según el uso que hagan de la misma. Configuraremos…  Price /MB – Precio por Mega  Price /Minute – Precio por minuto  Idle Time Out – Tiempo desc. Inactividad  Dowload Rate – Bajada (kbps)  Upload Rate – Subida (kbps)
  15. 15. Easy Hotspot | Billing Plan Traducimos Billing Plan como plan de facturación, y gracias a esto podemos crear usuarios predefinidos que podrán conectarse a nuestra red por un tiempo o unos MBs limitados. Tendremos en cuenta…  Type – Por Tiempo o por Megas  Amount – Cantidad (minutos/megas)  Valid for – Validez (días)  Price – Precio  Download | Upload – Descarga | Subida  Idle Timeout – Tiempo desc. Inactividad
  16. 16. Easy Hotspot | Cashier Menu El Casher Menu es el menú de facturación y es muy parecido al menú de administrador, accederemos haciendo clic en [Casher Menu]. Desde aquí podremos acceder a diferentes opciones:  Pospaid Account – Cuentas de Prepago  Voucher Mnt. – Administración de Tickets  Invoice Mnt. – Administración de Facturas  Statistics – Estadísticas  Online User – Usuarios online  Change Password – Cambiar Constraseña
  17. 17. Easy Hotspot | Postpaid Account  Como vemos en la imagen vamos a crear el siguiente usuario de prepago Name: Clienteprepago Username: prepago Password: prepago123 Bill by: Packet (Datos: Megas) Valid until: 1 days  El precio establecido es el que configuramos anteriormente en el menú de administrador.  Si tocamos en el icono de la izquierda de “Imprimir” podremos ver una factura del usuario.
  18. 18. Easy Hotspot | Usuario Prepago  Como podemos ver nos conectamos con el usuario prepago, y tras navegar por internet durante un tiempo, vemos que al tocar en el icono que nombramos anteriormente, se nos generará una factura del usuario.  Esta factura, vendrá determinada por el precio por minuto y datos que configuramos anteriormente en el Admin Menu > Account Plan
  19. 19. Easy Hotspot | Voucher Mnt.  Desde el menú de administrador anteriormente creamos Cliente1D el cuál tendría 1440 minutos de conexión y validez de un día.  Pues simplemente tendremos que acceder a la pestaña Voucher Mnt. en el menú de facturación y seleccionar: How many vouchers (nº Tickets): 1 Billing Plan: Cliente1D  Automáticamente nos generará usuario y contraseña aleatorios. un
  20. 20. Easy Hotspot | Cliente 1 Día  Como vemos en la imagen se nos ha creado el usuario yoyyox8 con la contraseña cacgigak, el cuál para facilitar la comunicación con el usuario, podremos imprimir y entregar en mano.  Una vez el usuario tenga su papel impreso, al intentar entrar en nuestra red, se logueará con los credenciales y tendrá acceso a internet por un día.
  21. 21. Easy Hotspot | Users Online  En Users Online podremos visualizar los usuarios online en este momento, y podremos desconectarlos si vemos que generan problemas de malware o si nos da la gana haciendo clin en Force Disconnect.
  22. 22. Easy Hotspot | Statistics  Podremos visualizar las estadísticas de nuestro portal cautivo desde la pestaña “Statistics” y podremos visualizar los Vouchers creados, los usados, los planes de facturación, las cuentas creadas, etc.
  23. 23. Easy Hotspot | Configuración extra Podremos editar los siguientes archivos accediendo desde la terminal a las rutas:  Para editar la información del portal cautivo tienes que editar el archivo /opt/local/web/easyhotspot/system/application/config/easyhotspot.php , y editar los campos como “empresa”, “dirección”, etc.  Si estamos cortitos de inglés no os preocupes, EasyHotspot está precofigurado en ingles pero también podremos ponerlo en español. Sólo tenemos que editar la configuración del idioma que se encuentra en system/application/config/config.php , y cambiar $config [„language‟]. Por $config['language'] = 'latin';  De forma predeterminada, EasyHotspot sólo es accesible desde el propio servidor (localhost), si queremos acceder desde una máquina remota sólo tenemos que editar /opt/local/web/htdocs/easyhotspot/system/application/config/config.php y escribir nuestra dirección IP, por ejemplo: $config['base_url'] = "http://192.168.182.1/";
  24. 24. Easy Hotspot | Configuración extra  También podremos modificar el archivo de loggin de los usuarios para adornar o incluso insertar publicidad en nuestra página de bienvenida. Si sabemos un poco de perl y html, aunque no seamos unos expertos, podremos editarlo cambiando textos como “User” o “Password” editando el archivo /opt/local/web/easyhotspot/hotspot/hotspotlogin.cgi
  25. 25. Easy Hotspot | Conclusiones  Easy Hotspot nos ofrece un magnífica opción a la hora de crear un portal cautivo ya que nos ofrece muchas posibilidades a la hora de crear planes de facturación, de prepago y llevar un control exhaustivo de los usuarios que se conectan a nuestra red.  No necesitas ser un experto en informática para instalarlo o administrarlo, lo cuál hace que montar un portal cautivo con Easy Hotspot sea asequible tanto a nivel académico como a nivel económico, ya que es gratuito.

×