Captive Portal [Externe/interne portaalpagina] - De HTML-pagina van de externe portal aanpassen voor de ontwikkelaar

Gemaakt 27 mei 2020 15:39 - Bijgewerkt 29 augustus 2023 14:29

Serhii Boiarynov

Hebt u meer vragen? Een aanvraag indienen

Belangrijke mededeling:
Geachte klant, houd er rekening mee dat we gebruik maken van automatische vertaling om artikelen in uw lokale taal aan te bieden. Het is mogelijk dat niet alle tekst nauwkeurig wordt vertaald. Als er vragen of discrepanties zijn over de juistheid van de informatie in de vertaalde versie, bekijk dan het originele artikel hier: Originele versie

Door gebruik te maken van de interne of externe Gebruikersovereenkomst portaal, kunt u de Gebruikersovereenkomst webpagina (UA Portal) aanpassen, die een vervanging kan zijn voor de standaard gebruikersovereenkomst die oorspronkelijk is gebouwd in UAG. Download de voorbeeldbestanden van de UA-portaalpagina van UAG en configureer het uiterlijk van uw persoonlijke webportaalpagina op basis van uw voorkeuren.

Configuratie van gebruikersovereenkomst portaalpagina's

Er zijn vier pagina's die u moet voorbereiden (twee pagina's voor elke desktop- en mobiele versie) wanneer een gebruiker toegang krijgt tot het netwerk via UAG. Dit zijn de pagina Akkoord en de pagina Welkom. De akkoord pagina stelt de gebruiker in staat om akkoord te gaan zodat de gebruiker zich kan aanmelden bij UAG. Als de overeenkomst succesvol is, wordt de browser van de gebruiker doorgestuurd naar de Welkomstpagina. (Als de gebruiker een mobiele browser gebruikt, wordt hij doorgestuurd naar de mobiele versie).

Toegangsstroom interne gebruiker

De parameterlijst van de interne welkomstpagina:

PARAMETER	BESCHRIJVING		MOET
Oorspronkelijk
$M	Wordt vervangen door de identifier van de portaalpagina.		Ja
$Z	Dit vervangt het pad van de hoofdmap van de UAG webserver.		Ja
Verzenden
akkoord		Waarde is Akkoord.	Ja
mp_idx		Waarde is identifier van portaalpagina uit $M vervangen.	Ja
mobiel		Waarde:1 is mobiel, waarde:0 is desktop.	Ja
veldnaam		Gegevensopslag td1 tot td5 labels in log formaat bijv: Naam:!@#Telefoon:!@#Adres:!@#E-mail:!@#	Nee
veld1		Gegevens bewaren in logboek	Geen
veld2		Bewaring van gegevens in logboek	Geen
veld3		Bewaring van gegevens in logboek	Geen
veld4		Bewaring van gegevens in logboek	Geen
veld5		Bewaring van gegevens opgeslagen in logboek	Geen

De parameterlijst van de interne welkomstpagina:

PARAMETER	BESCHRIJVING	MOET
Oorspronkelijk
$A	Het zal vervangen naar Advertentie URL.	Ja
$M	Dit wordt vervangendoor de identifier van de portaalpagina.	Ja
$Z	Dit vervangt het pad van de hoofdmap van de UAG webserver.	Ja

Toegangsstroom externe gebruiker

PARAMETER	BESCHRIJVING		MOET
Initieel
getQueryString("gw_addr");	De functie getQueryString kan het IP-adres van de gateway van de URL-parameter krijgen.		Ja
getQueryString("mp_idx");	De getQueryString functie kan de identifier van de portaalpagina van de URL parameter krijgen.		Ja
getQueryString("mobile");	De functie getQueryString kan een automatisch detecteerbaar mobiel apparaat van de URL-parameter krijgen.		Ja
Verzenden naar agree.cgi
akkoord		Waarde is Akkoord.	Ja
mp_idx		Waarde is identifier van portaalpagina uit mp_idx vervangen.	Ja
mobiel		Waarde is van getQueryString("mobile") overname.	Indien mobiel Ja
veldnaam		Gegevensopslag td1 tot td5 labels in log formaat bijv: Naam:!@#Telefoon:!@#Adres:!@#E-mail:!@#	Nee
veld1		Gegevens bewaren in logboek	Geen
veld2		Bewaring van gegevens in logboek	Geen
veld3		Bewaring van gegevens in logboek	Geen
veld4		Bewaring van gegevens in logboek	Geen
veld5		Bewaring van gegevens opgeslagen in logboek	Geen

De parameterlijst van de externe Agree pagina:

PARAMETER	BESCHRIJVING	MOET
Oorspronkelijk
getQueryString("adverteren");	De functie getQueryString kan de URL-parameter Advertentie ophalen.	Ja
getQueryString("mobile");	De functie getQueryString kan het automatisch detecteren van mobiele apparaten van URL-parameters krijgen.	Ja

Akkoord pagina

Op de pagina Akkoord moeten de parameters "agree" en "mp_idx" naar agree.cgi op UAG worden verzonden.

Het onderstaande voorbeeld is html-code:

Intern voorbeeld:

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

Extern voorbeeld:

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; 
}

Als het inloggen is gelukt, wordt de browser van de gebruiker doorgestuurd naar de welkomstpagina. Als de gebruiker op "niet akkoord" klikt, kan hij niet inloggen en wordt het venster gesloten.

Welkomstpagina

Als de gebruiker succesvol is ingelogd, wordt agree.cgi omgeleid naar de welkomstpagina. Hierop kun je alles laten zien wat je wilt. Tegelijkertijd, als je reclame hebt ingeschakeld en "URL" hebt ingesteld, verschijnt er een reclamevenster

Voorbeeld interne gebruikersovereenkomst

U kunt het voorbeeldbestand downloaden van het apparaat. Inloggen op de webgui van het apparaat

Go to Configuration > Web Authentication > User Agreement File

Klik op "Downloaden" om het bestand te downloaden naar je computer

Om de default_wp.zip uit te pakken en je CSS- en afbeeldingsstijl aan te passen, moet je de bestandsnaam en locatie ongewijzigd laten.

Zodra alle wijzigingen zijn aangebracht, download je het bestand terug naar je apparaat

Interne gebruikersovereenkomst gebruiken om webauthenticatie in te schakelen

dyn_repppppppp_3

Klik op "Toevoegen".
In het profiel "Authenticatietype" moet je het type "Gebruikersovereenkomst" selecteren, de profielnaam invullen en het type "Interne gebruikersovereenkomst (Uploadpagina gebruiker)" kiezen. Vervolgens selecteert u zelf het aangepaste bestand zip-bestand
Klik op "OK".

Vervolgens moet je het profiel "Authentication Type" instellen in "Web Authentication Policy".

Go to Configuration > Web Authentication > General

Voorbeeld externe gebruikersovereenkomst

Go to Configuration > Web Authentication > Authentication Type

Klik op "Toevoegen".
In het profiel "Authenticatietype" moet je het type "Gebruikersovereenkomst" selecteren, de profielnaam invullen en het type "Externe Gebruikersovereenkomst" kiezen. Vul vervolgens de URL-indeling van uw UA-portaalpagina in.
http://External portaalserver IP/ua_agree.html.

http://External portaalserver IP/ua_welcome.html.
Klik op "OK".

Vervolgens moet je het profiel "Authentication Type" instellen in "Web Authentication Policy", net als bij de binnenportal.

Artikelen in deze sectie

Zie meer