¿Cómo importar la página personalizada con un archivo HTML para la función del portal?

Requisito de la aplicación de usuario

Actualizado05-29-2024 09:21:06 AM Number of views for this article

11053

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.

Tabla adjunta

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

/portal/getPortalPageSetting

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

/portal/sendSmsAuthCode (send SMS authentication code)

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

/portal/auth (Submit authentication request)

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

/portal/radius/auth (Submit authentication request)

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.