Acceso a Internet a través de redes sociales con HotSpot de 4ipnet II

En este artículo vamos a enseñaros un ejemplo de cómo funciona el HotSpot de 4ipnet para dar acceso a Internet a través de redes sociales a nuestros clientes, en concreto con las APP de Facebook y Google Plus (G+).

En este caso utilizaremos las APP's de estas redes sociales (no confundir con la API, que podéis consultar en nuestro articulo I ). En el artículo solo mostraremos el funcionamiento con la red social de Facebook, pero el funcionamiento es el mismo con Google+. Para ello es necesario tener una cuenta de Facebook que sea de developer, eso implica que ha de ser una cuenta personal, no se pueden utilizar cuentas de grupos/páginas.

Por lo que deberemos hacer dos cosas:

  • 1-Crear la APP con una cuenta de developer en Facebook.
  • 2-Configurar la opción de Social Media en el HotSpot WHG de 4ipnet.
 

Primer punto: Creación de la APP de Facebook.

 

Empezamos por la creación de la APP de Facebook. Para ello nos vamos a https://developers.facebook.com y accedemos con nuestra cuenta de Facebook, que como os hemos comentado con anterioridad ha de ser una cuenta personal.

 
Acceso para developpers de Facebook Acceso para developers de Facebook
 

Simplemente pulsamos entrar y ponemos las credenciales.

 
Login para developers de Facebook Login para developers de Facebook
 

Una vez dentro, creamos una APP nueva, nos vamos a “Mis aplicaciones y seleccionamos “Añadir una nueva aplicación”.

 
Creación de la APP developers de Facebook Creación de la APP developers de Facebook
 

Le ponemos el nombre que queramos, un correo electrónico al que estará vinculado, y seleccionaremos como categoría “Aplicaciones para páginas”. A continuación pulsamos en “Crear identificador de la aplicación”.

 
Creando el Identificador APP developers de Facebook Creando el Identificador APP developers de Facebook
 

Una vez se ha creado la APP veremos un Dashboard como el de la siguiente imagen, conforme la APP ha sido creada. En la parte superior izquierda podemos seleccionar la APP a editar, en este caso la que hemos creado.

 
APP de Facebook developer creada APP de Facebook developer creada
 

Nos vamos a “Configuración” y luego a “Información Básica”, donde podremos encontrar tanto el Identificador de la aplicación, como la Clave secreta de la Aplicación (pulsando en mostrar, y os pedirá de nuevo el password de la cuenta de Facebook por seguridad), que son los datos que necesitaremos para configurar el Social Media en nuestro HotSpot de 4ipnet. En la siguiente imagen lo podemos ver.

 
Añadir a la plataforma developers de Facebook Añadir a la plataforma developers de Facebook
 

El siguiente paso es añadir la plataforma a la que va destinada la APP, en este caso para los HotSpots de 4IPnet. Pulsamos en “+ Añadir plataforma” y cuando nos salgan las opciones de plataforma, seleccionaremos la de “Sitio Web” tal y como podemos ver en la siguiente imagen.

 
Añadir la plataforma del sitio web al developer de Facebook Añadir la plataforma del sitio web al developer de Facebook
 

Una vez hemos seleccionado la plataforma de “Sitio Web” veremos que nos aparece la zona de “Sitio Web” donde hemos de introducir la URL de nuestro HotSpot. Si no se ha modificado en la configuración del HotSpot, la URL que debemos poner es “http://gateway.example.com”System → General” de nuestro HotSpot.

 
Anotar la URL para la APP de Facebook en el HotSpot WHG de 4ipnet Anotar la URL para la APP de Facebook en el HotSpot WHG de 4ipnet
 

Pulsamos en “Guardar cambios” y ya la tenemos casi lista.

 
Añadir la URL del HotSpot WHG al sitio web de developers de Facebook Añadir la URL del HotSpot WHG al sitio web de developers de Facebook
 

El último paso es publicar la APP que hemos creado, para ello nos vamos a “Revisión de la aplicación” y pulsamos sobre la opción de “No” para que pase a ser un “Si”.

 
Publicar la APP en el sitio web de developers de Facebook (1) Publicar la APP en el sitio web de developers de Facebook (1)
 

Nos preguntará si queremos confirmar que sea una APP pública, y “confirmamos”.

 
Publicar la APP (2) en el sitio web de developers de Facebook Publicar la APP en el sitio web de developers de Facebook (2)
 

Y ya tendremos nuestra APP pública para poder utilizarla con nuestro HotSpot de 4ipnet.

 
Publicar la APP en el sitio web de developers de Facebook (3) Publicar la APP en el sitio web de developers de Facebook (3)
 

Y desde el “Panel” de nuestra APP creada podremos sacar los identificadores y claves de contraseña como ya hemos podido ver anteriormente, y que las necesitaremos para configurar la APP en el Social Media de nuestro HotSpot de 4IPnet.

 
Obtener datos de acceso de la APP developers de Facebook Obtener datos de acceso de la APP developers de Facebook
 

Y con esto ya tenemos nuestra APP de Facebook creada y tenemos anotados tanto el “Identificador de la aplicación” como la “Clave secreta de la aplicación”, que necesitaremos para el siguiente punto.

Segundo punto: Configuración de Social Media en el HotSpot de 4ipnet.

 

Lo primero que haremos es configurar el tipo de autenticación que vamos a utilizar para el acceso a través de las redes sociales. En este caso vamos a utilizar la autenticación "Social Media", que va asociada a la autenticación del tipo “Guest”. Tal y como podemos ver en la siguiente imagen, la hemos marcado como “Enabled”.

 
Activar 'Guest Autentication' en la zona de servicio del HotSpot WHG de 4ipnet Activar 'Guest Autentication' en la zona de servicio del HotSpot WHG de 4ipnet
 

Una vez hemos activado la autenticación “Guest” en la zona de servicio, lo siguiente que debemos hacer es configurar este tipo de autenticación. Para ello nos vamos a “Users → Internal Authentication → Guest” y marcamos como “Enable” la opción de “Social Media Login”.

Y además ajustaremos el tipo de acceso que van a tener los usuarios que accedan a través de la autenticación con redes sociales. Les vamos a limitar el acceso a 1 hora de conexión (Quota), y que se resetearán a las 23 horas (Reactivation). De manera que solo puedan acceder una hora de forma gratuita al día utilizando las credenciales de la red social (Facebook o Google+). Y les aplicaremos una política en concreto, tal y como podéis ver en la siguiente imagen, hemos aplicado la política "HotelNormal" que tiene una restricción de ancho de banda de 256Kbps de bajada, 128kbps de subida, y 100 conexiones concurrentes que previamente hemos configurado en la configuración de los grupos de usuarios y políticas de usuario.

 
Activar la opción 'Social Media Login' dentro del servidor 'Guest' del HotSpot WHG de 4ipnet Activar la opción 'Social Media Login' dentro del servidor 'Guest' del HotSpot WHG de 4ipnet
 

Y ya solo nos queda configurar los datos de la APP del Facebok en nuestro HotSpot de 4ipnet. Para ello nos vamos a “Users → External Authentication → Social Media”, y marcamos la opción del Facebook (en este caso) e introducimos los datos de la APP de Facebook que hemos creado en el primer punto de este tutorial. Guardamos los cambios y ya lo tenemos operativo.

 
Confrigurar los datos de la APP de Facebook en el HotSpot WHG de 4ipnet Confrigurar los datos de la APP de Facebook en el HotSpot WHG de 4ipnet
 

Una vez hemos creado la APP y hemos hecho la configuración en el HotSpot de 4ipnet, solo nos queda testearlo. Para ello, nos asociamos a la red Wi-Fi de la zona en concreto donde hemos configurado este tipo de autenticación y nos saltará la página de login en la que aparecerán los iconos para acceder con Facebook o Google+. En este caso os presentamos la pagina de login costumizada por nosotros, pero en caso de utilizar la de defecto sería exactamente lo mismo.

Conectamos el portátil a la Wifi, abrimos el navegador y vemos la siguiente página de login, con las diferentes opciones de acceso que tenemos.

 
Acceso a Internet a través de redes sociales con el HotSpot WHG de 4ipnet Acceso a Internet a través de redes sociales con el HotSpot WHG de 4ipnet
 

Pulsamos sobre el botón del “Login con Facebook” y se nos abrirá una ventana emergente para poner las credenciales de nuestra cuenta.

 
Login con Facebook para acceder a Internet a través de redes sociales con el HotSpot WHG de 4ipnet Login con Facebook para acceder a Internet a través de redes sociales con el HotSpot WHG de 4ipnet
 

Con las credenciales introducidas, podemos ver como la página de login está haciendo la validación contra Facebook.

 
Autenticación de Facebook para el acceso a Internet a través de redes sociales con el HotSpot WHG de 4ipnet Autenticación de Facebook para el acceso a Internet a través de redes sociales con el HotSpot WHG de 4ipnet
 

Y una vez validado por Facebook, ya podemos acceder a Internet a través del HotSpot. Tal como se puede ver en la siguiente imagen, te muestra el tiempo de conexión restante que hemos establecido en la configuración de la autenticación “Guest”.

 
Login con Facebook correcto para poder acceder a Internet a través de redes sociales con el HotSpot WHG de 4ipnet Login con Facebook correcto para poder acceder a Internet a través de redes sociales con el HotSpot WHG de 4ipnet
 

Tenéis más ejemplos de portales cautivos enfocados al sector de la Hostelería aquí y otros sectores.

Estando ya todo operativo, lo último que podemos hacer es mirar las estadísticas de uso de este tipo de autenticación, para ello nos vamos a nuestro HotSpot en “Users → Internal Authentication → Guest” y pulsamos la opción de “Guest Information”.

 
Datos de los clientes conectados a Intenet a través de redes sociales (Facebook) con el HotSpot WHG de 4ipnet Datos de los clientes conectados a Intenet a través de redes sociales (Facebook) con el HotSpot WHG de 4ipnet
 

Y podemos ver en la columna de “Typez” si han accedido por Facebook o Google+, el nombre, el Email, el sexo, cumpleaños y localización y cuando se ha logueado. Los campos de Cumpleaños y localización dependen exclusivamente de la configuración de privacidad de los usuarios de Facebook, solo aparecerán si dan permiso desde su cuenta, sino solo se guardaran los nombres, Email y sexo.

 
Datos de los clientes conectados a Intenet a través de redes sociales (Facebook) con el HotSpot WHG de 4ipnet (2) Datos de los clientes conectados a Intenet a través de redes sociales (Facebook) con el HotSpot WHG de 4ipnet (2)
 

Los datos se pueden exportar en un fichero CSV, simplemente pulsando el botón de “Download” de la imagen anterior.

 
Archivo CSV exportado con los datos de los clientes conectados a Internet a través de redes sociales (Facebook) con el HotSpot WHG de 4ipnet Archivo CSV exportado con los datos de los clientes conectados a Internet a través de redes sociales (Facebook) con el v WHG de 4ipnet
 

Y ya lo tendríamos todo. Con el resto de redes sociales es el mismo procedimiento.

  • Artículo creado por Wifisafe Spain SL.
  • Queda prohibida la reproducción parcial o total sin previo consentimiento.
  • Contacto: soporte@wifisafe.com
  • Web del fabricante: www.4ipnet.com

¿Quieres descargar este manual?

Descargar manual en .pdf

WifiSafe se dirige a profesionales, pequeñas y medianas empresas, grandes organizaciones y compañías o administraciones públicas, como una alternativa de solución segura y profesional.

CONOCE NUESTROS PRODUCTOS Y SOLUCIONES WIRELESS
.

Para obtener más información, ponte en contacto con el Departamento de Soporte 807 450 005 o el Departamento de Pedidos 902 506 100 o envía un correo electrónico a info@wifisafe.com

PRODUCTOS Y SOLUCIONES WIRELESS