Captive Portal [Pagina portale esterno/interno] - Personalizzazione della pagina HTML del portale esterno per lo sviluppatore.

Creato 27 maggio 2020 15:39 - Aggiornato 29 agosto 2023 14:29

Serhii Boiarynov

Avviso importante:
Gentile cliente, si prega di notare che utilizziamo la traduzione automatica per fornire articoli nella vostra lingua locale. Non tutto il testo può essere tradotto accuratamente. In caso di dubbi o discrepanze sull'accuratezza delle informazioni contenute nella versione tradotta, si prega di consultare l'articolo originale qui:Versione originale

Utilizzando il portale interno o esterno del Contratto con l'utente, è possibile personalizzare la pagina web del Contratto con l'utente (Portale UA), che può sostituire il Contratto con l'utente predefinito, creato originariamente in UAG. Scaricare i file di esempio della pagina del portale UA da UAG e configurare liberamente l'aspetto della propria pagina web personale in base alle proprie preferenze.

Configurazione delle pagine del portale Accordo con l'utente

Quando un utente accede alla rete tramite UAG, è necessario preparare quattro pagine (due pagine per ciascuna versione Desktop e Mobile). Si tratta della pagina Accetto e della pagina di benvenuto. La pagina di accordo consente all'utente di acconsentire, in modo da poterlo inviare a UAG per effettuare il login. Se l'accordo ha esito positivo, il browser dell'utente viene reindirizzato alla pagina di benvenuto. (Se l'utente utilizza un browser mobile verrà reindirizzato alla versione mobile).

Flusso di accesso interno dell'utente

L'elenco dei parametri della pagina di benvenuto interna:

PARAMETRO	DESCRIZIONE		DEVE
Iniziale
$M	Sostituirà l'identificatore della pagina del portale.		Sì
$Z	Sostituisce il percorso della directory principale del server web UAG.		Sì
Invia
d'accordo		Il valore è Agree.	Sì
mp_idx		Il valore è l'identificatore della pagina del portale da $M sostituita.	Sì
mobile		Valore:1 è mobile, valore:0 è Desktop.	Sì
nome del campo		Conservazione dei dati salvataggio delle etichette da td1 a td5 nel formato es: Nome:!@#Telefono:!@#Indirizzo:!@#E-mail:!@#	No
campo1		Conservazione dei dati salvati nel log	No
Campo2		Conservazione dei dati salvati nel registro	No
Campo3		Conservazione dei dati salvati nel registro	No
campo4		Conservazione dei dati salvati nel registro	No
campo5		Conservazione dei dati salvati nel registro	No

L'elenco dei parametri della pagina interna di benvenuto:

PARAMETRO	DESCRIZIONE	DEVE
Iniziale
$A	Sostituirà l'URL della pubblicità.	Sì
$M	Sostituisce l'identificatore della pagina del portale.	Sì
$Z	Sostituisce il percorso della directory principale del server web UAG.	Sì

Flusso di accesso dell'utente esterno

PARAMETRO	DESCRIZIONE		DEVE
Iniziale
getQueryString("gw_addr");	La funzione getQueryString può ottenere l'indirizzo IP del gateway del parametro URL.		Sì
getQueryString("mp_idx");	La funzione getQueryString può ottenere l'identificatore della pagina del portale del parametro URL.		Sì
getQueryString("mobile");	La funzione getQueryString può ottenere il dispositivo mobile del parametro URL.		Sì
Invia a agree.cgi
d'accordo		Il valore è Agree.	Sì
mp_idx		Il valore è l'identificatore della pagina del portale da mp_idx sostituito.	Sì
mobile		Il valore proviene dall'acquisizione di getQueryString("mobile").	Se Mobile Sì
nome del campo		Conservazione dei dati salvataggio delle etichette da td1 a td5 nel formato es: Nome:!@#Telefono:!@#Indirizzo:!@#E-mail:!@#	No
campo1		Conservazione dei dati salvati nel log	No
Campo2		Conservazione dei dati salvati nel registro	No
Campo3		Conservazione dei dati salvati nel registro	No
campo4		Conservazione dei dati salvati nel registro	No
campo5		Conservazione dei dati salvati nel registro	No

L'elenco dei parametri della pagina Agree esterna:

PARAMETRO	DESCRIZIONE	DEVE
Iniziale
getQueryString("advertise");	La funzione getQueryString può ottenere la pubblicità del parametro URL.	Sì
getQueryString("mobile");	La funzione getQueryString può ottenere il rilevamento automatico del dispositivo mobile dei parametri URL.	Sì

Accettare la pagina

Nella pagina Agree, i parametri "agree" e "mp_idx" devono essere inviati a agree.cgi su UAG.

L'esempio seguente è un codice html:

Esempio interno:

var mp_idx = $M; function initTask()
{ 
document.form.action = "/agree.cgi";    
document.getElementById("mp_idx").value = mp_idx; 
}

Esempio esterno:

var external = getQueryString("gw_addr"); 
var mp_idx = getQueryString("mp_idx"); 
function action()
{ 
document.form1.action = external +"/agree.cgi";                 
document.getElementById("mp_idx").value = mp_idx; 
}

Se il login ha successo, il browser dell'utente viene reindirizzato alla pagina di benvenuto. Se l'utente fa clic su "non sono d'accordo", non potrà effettuare il login e la finestra si chiuderà.

Pagina di benvenuto

Una volta che l'accesso dell'utente è riuscito, agree.cgi reindirizza alla pagina di benvenuto. Si può mostrare tutto ciò che si desidera. Contemporaneamente, se si è abilitata la pubblicità e si è impostato "URL", apparirà una finestra pubblicitaria.

Esempio di accordo interno con l'utente

È possibile scaricare il file di esempio dal dispositivo. Accedere alla Web Gui del dispositivo

Go to Configuration > Web Authentication > User Agreement File

Fare clic su "Download" per scaricare il file sul computer.

Per decomprimere il file default_wp.zip e personalizzare lo stile dei CSS e delle immagini, il nome e la posizione del file non devono essere modificati.

Una volta apportate tutte le modifiche, scaricare il file sul dispositivo.

Utilizzo dell'accordo interno con l'utente per abilitare l'autenticazione Web

Go to Configuration > Web Authentication > Authentication Type

Fare clic su "Aggiungi".
Nel profilo "Tipo di autenticazione", è necessario selezionare il tipo "Accordo utente", compilare il nome del profilo e scegliere il tipo "Accordo utente interno (pagina di caricamento utente)". Quindi selezionare il file personalizzato da solo file zip
Fare clic su "OK".

Successivamente, è necessario impostare il profilo "Tipo di autenticazione" di in "Criteri di autenticazione Web".

Go to Configuration > Web Authentication > General

Esempio di accordo con l'utente esterno

Go to Configuration > Web Authentication > Authentication Type

Fare clic su "Aggiungi".
Nel profilo "Tipo di autenticazione", è necessario selezionare il tipo "Accordo utente", inserire il nome del profilo e scegliere il tipo "Accordo utente esterno". Quindi inserire il formato URL della pagina del portale UA.
http://External portal server IP/ua_agree.html.

http://External server del portale IP/ua_welcome.html.
Fare clic su "OK".

Successivamente, è necessario impostare il profilo "Tipo di autenticazione" di in "Criteri di autenticazione Web", proprio come nel portale interno.

Articoli in questa sezione

Vedi altro