Webbserver och HTML-sidor i E1000 KI

Transkript

1 1 Funktion och användningsområde E1000-terminalen (E1032-E1151) kan användas som webbserver. En webbserver är ett program som hanterar filer som ska visas i en webbläsare som exempelvis Internet Explorer. Alla datorer på Internet som innehåller en webbsida måste ha ett webbserverprogram. 2 Om Kom-igång-dokumentet Detta Kom-igång-dokument skall ej ses som en fullständig manual. Det är ett hjälpmedel för att snabbt och enkelt komma igång med en vanlig applikation. För ytterligare information hänvisas till manualen för E-terminalerna. Detta dokument och andra Komigång-dokument finns att hämta på vår hemsidawww.beijer.se under support. Synpunkter på våra Kom-igång-dokument kanskickas till manual@beijer.se. 3 Teknisk beskrivning HTML (HyperText Markup Language) är ett markeringsspråk (även benämt sidbeskrivningsspråk). Tanken bakom detta språk är att ett html-dokument ska kunna ses av alla browsers (webbläsare) oberoende om besökaren har ex. en Mac eller Pc. Under förutsättning då att man kodar enligt gällande rekommendationer. Sidor struktureras i olika element (exempel tabeller, stycken och bilder) till hjälp finns olika markeringar, så kallade taggar (tags). Ett HTML-dokument kan skapas i vilken text-editor som helst, under förutsättning att det går att spara ned filen som *.html eller *.htm - dvs. ren text (ASCII). På frågan om det är någon skillnad på att använda antingen.html eller.htm, är svaret Nej. *.htm kommer från operativsystemet Dos oförmåga att hantera mer än 3 stycken filändelser. Arbetet skall inte sparas som index.txt utan exempelvis; index.html eller index.htm. Annars kan inte webbläsaren hantera filen. Öppnas en *.txt fil i en browser visar den allt, taggar och text. Med Notepad.exe på din hårddisk går det utmärkt att använda den för att visa texten. Sida 1 (1) Beijer Electronics Automation AB ett företag inom Beijer Electronics-koncernen Huvudkontor (styrelsens säte) Regionkontor Regionkontor Regionkontor Försäljningskontor Box 426 Box 326 Marieholmsgatan 10B Metropol Jönköping, MALMÖ SOLLENTUNA GÖTEBORG SUNDSVALL Telefon Telefon Telefon Telefon Telefax Telefax Telefax Telefax Krangatan 4A Bergkällavägen 32 Orgnr Momsregnr SE Internet E-post info@beijer.se

2 3.1 SSI-script Ett SSI (server-side include) är ett variabelt värde (t.ex. en fil) som en server kan inkludera i en HTML-fil innan den skickas. Skapas en webbsida kan en inkluderad fil läggas till i HTML-filen enligt följande: <!--#echo var= LAST_MODIFIED --> För att kunna visa vissa värden från operatörsterminalen i HTML-sidor stödsföljande SSIscript. Beijer Electronics Automation AB Tel Fax Internet 2 (21)

3 Beijer Electronics Automation AB Tel Fax Internet 3 (21)

4 Automatisk uppdatering Normalt uppdateras inte HTML-sidan automatiskt, men genom att lägga tillföljande kod i HTML-sidan skapas automatisk uppdatering. <meta http-equiv= Refresh CONTENT= 5 > CONTENT anger hur ofta sidans ska uppdateras (i sekunder) Beijer Electronics Automation AB Tel Fax Internet 4 (21)

5 Beijer Electronics Automation AB Tel Fax Internet 5 (21)

6 3.2 CGI-script CGI (Common Gateway Interface) är en standardmetod för en webbserver att hantera data till och från användaren. När användaren begär en webbsida (genom att klicka på en länk eller att ange adressen i webbläsaren) skickar servern tillbaka önskad sida. Fylls ett formulär i på hemsidan och skickar det tas det normalt emot av ett applikationsprogram. Servern skickar tillbaka en bekräftelse. Metoden att skicka data mellan server och applikation kallas CGI och är en del av HTTP-protokollet. För att kunna ändra värden i operatörsterminalen stöds följande CGI-script: Beijer Electronics Automation AB Tel Fax Internet 6 (21)

7 Beijer Electronics Automation AB Tel Fax Internet 7 (21)

8 Beijer Electronics Automation AB Tel Fax Internet 8 (21)

9 Beijer Electronics Automation AB Tel Fax Internet 9 (21)

10 Beijer Electronics Automation AB Tel Fax Internet 10 (21)

11 4 Skapa HTML-fil Skapa HTML-filen ssi_ex.html med Notepad Spara undan filen på PC:n Beijer Electronics Automation AB Tel Fax Internet 11 (21)

12 5 Inställningar i programmeringsverktyget Följande steg utförs för att använda en Ethernet-uppkoppling mot standard webbläsare, Internet Explorer. 5.1 Spara HTML-filer med FTP För att överföra HTML-filer till operatörsterminalen används ett standard FTP-klientprogram. Filerna överförs till HTML-katalogen i operatörsterminalens filsystem. Namnet på filerna ska vara i DOS 8.3-format, vilket innebär att namnet får ha högst åtta tecken och att filändelsen ska vara htm. Notera: Filen INDEX.HTML ska alltid användas (måste finnas tillgänglig i operatörsterminalen). Beijer Electronics Automation AB Tel Fax Internet 12 (21)

13 5.2 Konfiguration av Nätverkstjänster i E-designer. Kontrollera att TCP/IP anslutning 1 ligger under Ethernet i applikationen I detta fallet har panelen adress Välj Nätverk/Tjänster i menyn Konfiguration Markera Webbserver Beijer Electronics Automation AB Tel Fax Internet 13 (21)

14 Markera Webbserver och välj redigera Portnummer 80 behöver ej ändras Kontonamn är till för att skydda webbserveråtkomst. (Behöver ej användas) För att skydda webbserveråtkomst kan man använda ett konto från Accounts Aktivera FTP-server för att kunna överföra HTML-sidorna till E1000 panelen med HMI- Tools. Välj Redigera Kontrollportnummer och Dataportnummer ska ej ändras Begär inloggning Här anges om användaren måste logga in för att få tillgång till FTPservern (operatörsterminalen), behöver ej användas Beijer Electronics Automation AB Tel Fax Internet 14 (21)

15 6 Skapa ett block i E-designer för I/O test Skapa ett block med I/O signaler motsvarande HTML-filen Ladda ner hela projektet till terminalen Beijer Electronics Automation AB Tel Fax Internet 15 (21)

16 7 Överföring av HTML-filer med HMI Tools Starta HMI-Tools och FTP client Välj Comm Settings under options och skapa en anslutning till terminalen Tryck OK Beijer Electronics Automation AB Tel Fax Internet 16 (21)

17 Tryck på Connect Ta fram HTML-fil (ssi_ex.html) som skall skickas över Markera filen och tryck Send Beijer Electronics Automation AB Tel Fax Internet 17 (21)

18 Filen kopieras från PC:n till HTML biblioteket i E1000 panelen Välj close på HMI Tools Beijer Electronics Automation AB Tel Fax Internet 18 (21)

19 8 Visa HTML-filen i Microsoft Internet Explorer Öppna Internet Explorer Skriv in IP adress till terminalen samt filnamn på HTML-filen (I detta exemplet /SSI_EX.html) Förändra värden i terminalen och uppdatera Explorer med F5 Beijer Electronics Automation AB Tel Fax Internet 19 (21)

20 9 Skapa CGI-script Skapa CGI-scriptet med Notpad och spara som cgi_ex.html Beijer Electronics Automation AB Tel Fax Internet 20 (21)

21 Ladda ner HTML-scriptet i terminalen med HMI Tools Starta Explorer och skriv IP-adress + cgi_ex.html Beijer Electronics Automation AB Tel Fax Internet 21 (21)