¿Cómo importar la página personalizada con un archivo HTML para la función del portal?
El controlador Omada SDN admite la función de portal para mostrar una página de autenticación cuando los clientes inalámbricos se conectan a la red. Podemos personalizar la página emergente importando el archivo html en el controlador Omada SDN.
Puede descargar la plantilla html desde el controlador Omada SDN. Luego edite el código según la plantilla para mejorar su página de autenticación. Es posible que requiera que tenga conocimientos básicos de JavaScript, HTML y CSS. Si no está familiarizado con estos conocimientos, se recomienda conservar el código original y simplemente agregar el estilo html al contenido original.
A continuación se muestra el enlace de descarga de la plantilla HTML.
https://static.tp-link.com/resource/omada/html-demo.html
This feature can be used for the following authentication types of portal function.
Esta característica se puede utilizar para los siguientes tipos de autenticación de funciones del portal.
1. Sin autenticación (tipo de autenticación: 0). (En la línea 199 de demo.html)
2. Contraseña simple (tipo de autenticación: 1). (En la línea 202 de demo.html)
3. Servidor Radius externo – Portal web local (tipo de autenticación: 2). (En la línea 206 de demo.html)
4. Facebook (authType: 7) (En la línea 210 de demo.html)
5. Hotspot (tipo de autenticación: 11) Hostpot contiene los siguientes métodos de autenticación. (En la línea 218 de demo.html)
Vale (tipo de autenticación: 3)
Usuario local (tipo de autenticación: 5)
SMS (tipo de autenticación: 6)
Radio del punto de acceso (tipo de autenticación: 8)
AuthType representa la cantidad de tipos de autenticación en el código html de la plantilla.
El siguiente es un diagrama esquemático simple de la función del portal.
*Consulte la tabla adjunta para conocer los parámetros y significados incluidos en la ruta.
En el código html, obtiene la configuración del tipo de autenticación enviando la solicitud "getPortalPageSetting" al backend. Luego, la página de autenticación mostrará el tipo de autenticación según la información de devolución.
(Si selecciona el tipo de autenticación de Facebook, la URL de la página de autenticación se generará de acuerdo con el siguiente formato. (En la línea 155 de demo.html)
Clientes inalámbricos
http://{controllerAddr}:{port}/portal/fbwifi/forward?clientMac={clientMac}&apMac={apMac}&ssidName={ssidName}&radioId={radioId}&originUrl={originUrl}
Clientes cableados
http://{controllerAddr}:{port}/portal/fbwifi/forward?clientMac={clientMac}&gatewayMac={gatewayMac}&vid={vid}&originUrl={originUrl}
)
Después de ingresar la información de autenticación y hacer clic en el botón de inicio de sesión, el dispositivo enviará la solicitud de autenticación /portal/auth al backend. Cuando el tipo de autenticación es Radio de punto de acceso o Radio externo, la ruta es /portal/radius/auth.
parámetro de URL |
cuerpo de la solicitud |
cid |
clientMac string |
ap |
apMac string |
gateway |
gatewayMac string |
ssid |
ssidName string |
rid |
radioId int |
vid |
vid int |
u |
originUrl string |
previewSite |
previewSite string |
error |
error int |
t |
t long |
Programa |
Contenido |
|||
URL |
path |
/portal/getPortalPageSetting |
||
Método |
POST |
|||
Cuerpo de solicitud JSON |
clientMac string |
dirección MAC del cliente |
||
apMac string |
Dirección MAC del AP |
|||
gatewayMac string |
Dirección MAC de la puerta de enlace |
|||
ssidName string |
Nombre de SSID |
|||
radioId int |
0: 2.4GHz 1: 5GHz |
|||
vid int |
VLAN ID |
|||
originUrl string |
URL original |
|||
Cuerpo de respuesta JSON |
errorCode int |
0 |
Éxito |
|
result |
site string |
Sitio |
||
authType int |
Tipo de autenticación 0: Sin autenticación 1: contraseña sencilla 2: RADIO externo 11: punto de acceso |
|||
hotspot object |
enabledTypes int list |
Métodos opcionales de autenticación de Hotspot: 3: vale 5: Usuario local 6: SMS 8: RADIO |
||
sms object |
countryCode string |
Código de país predeterminado | ||
landingUrl string |
Dirección de redireccionamiento cuando la autenticación es exitosa | |||
Función |
Buscar en la configuración del Portal |
Programa |
Contenido |
||
URL |
path |
/portal/sendSmsAuthCode |
|
Método |
POST |
||
Tipo de contenido | Texto sin formato | ||
Cuerpo de solicitud JSON |
clientMac string |
dirección MAC del cliente |
|
apMac string |
Dirección MAC del AP |
||
gatewayMac string |
Dirección MAC de la puerta de enlace |
||
ssidName string |
Nombre de SSID |
||
radioId int |
0: 2.4GHz 1: 5GHz |
||
vid int |
VLAN ID |
||
phone string |
El número de teléfono enviado por el usuario. |
||
Cuerpo de respuesta JSON |
errorCode int |
0 |
Éxito |
Función |
Se utiliza antes de enviar la autenticación para enviar el código de autenticación. Después de un envío exitoso, se necesita 1 minuto de espera antes de volver a enviarlo. |
||
Limitación |
Solo disponible cuando se selecciona la autenticación por SMS |
Programa |
Contenido |
||
URL |
path |
/portal/auth |
|
Método |
POST |
||
Tipo de contenido |
Texto sin formato |
||
Cuerpo de solicitud JSON |
clientMac string |
Dirección MAC del cliente |
|
apMac string |
Dirección MAC del AP |
||
gatewayMac string |
Dirección MAC de la puerta de enlace |
||
ssidName string |
Nombre de SSID |
||
radioId int |
0: 2.4GHz 1: 5GHz |
||
vid int |
VLAN ID |
||
originUrl string |
URL original |
||
authType int |
Tipo de autenticación real. Se enviará según la selección del usuario cuando utilice Hotspot: 0: Sin autenticación 1: contraseña sencilla 2: RADIO externo 3: vale 4: servidor de portal externo 5: Usuario local 6: SMS 8: RADIO del punto de acceso |
||
phone string (Optional, Necessary for SMS) |
El número de teléfono enviado por el usuario. |
||
code string (Optional, Necessary for SMS) |
Código de autenticación SMS |
||
simplePassword string (Optiolan, Necessary for Simple password) |
Contraseña enviada del tipo de autenticación de contraseña simple |
||
localuser String (Optiolan, Necessary for Local User) |
Nombre de usuario enviado del tipo de autenticación de usuario local |
||
localuserPsw String (Optiolan, Necessary for Local User) |
Contraseña enviada del tipo de autenticación de usuario local |
||
voucherCode String (Optiolan, Necessary for Voucher) |
Código enviado del tipo de autenticación de vale |
||
Cuerpo de respuesta JSON |
errorCode int |
0 |
Éxito |
Función |
Enviar la autenticación del cliente |
Programa |
Contenido |
||
URL |
path |
/portal/radius/auth |
|
Método |
POST |
||
Tipo de contenido | Texto sin formato | ||
Cuerpo de solicitud JSON |
clientMac string |
dirección MAC del cliente |
|
apMac string |
Dirección MAC del AP |
||
gatewayMac string |
dirección MAC de la puerta de enlace |
||
ssidName string |
nombre de SSID |
||
vid int |
VLAN ID |
||
radioId int |
0: 2.4GHz 1: 5GHz |
||
authType int |
El tipo de autenticación real. Solo se admiten RADIUS externo y RADIUS de punto de acceso 2: RADIO externo 8: RADIO del punto de acceso |
||
username string |
Nombre de usuario autenticado |
||
password string |
Contraseña autenticada |
||
Cuerpo de respuesta JSON |
errorCode int |
0 |
Éxito |
Función |
Enviar autenticación del servidor Radius |
¿Es útil este artículo?
Tus comentarios nos ayudan a mejorar esta web.