{"id":110,"date":"2023-12-18T18:33:40","date_gmt":"2023-12-18T17:33:40","guid":{"rendered":"https:\/\/informatik.slotshaven.it\/wordpress\/?page_id=110"},"modified":"2023-12-18T21:16:14","modified_gmt":"2023-12-18T20:16:14","slug":"upload-af-filer-til-en-webserver","status":"publish","type":"page","link":"https:\/\/informatik.slotshaven.it\/wordpress\/upload-af-filer-til-en-webserver\/","title":{"rendered":"Upload af filer til en webserver"},"content":{"rendered":"\n

18. december 2023 Af Erik Lund<\/a><\/p>\n\n\n\n

Her p\u00e5 skolen har hver elev en webserver. Serverens URL er i reglen noget i stil med y20-elevnavn<\/em>.slotshaven.it<\/mark><\/strong>, hvor y er klasse-betegnelsen og 20 er det \u00e5r man er begyndt p\u00e5 Slottet eller OG. <\/p>\n\n\n\n

For at l\u00e6gge filer op p\u00e5 serveren, s\u00e5 de kan ses af andre gennem en browser \u2013 enten direkte eller indlejret i en WordPress-side \u2013 skal man have dem overf\u00f8rt fra sin egen computer til serveren. Det sker ved hj\u00e6lp af SFTP-protokollen (Secure File Transfer Protocol)<\/strong>, og man bruger en s\u00e5kaldt FTP-klient <\/strong>til at g\u00f8re det med. Vi foresl\u00e5r at du bruger Cyberduck <\/strong>– se herunder.<\/p>\n\n\n\n

Upload - Den korte version<\/span><\/summary>

<\/p>\n

N\u00e5r man s\u00e5 skal logge p\u00e5 serveren for at l\u00e6gge filer op, skal man for det f\u00f8rste bruge hoveddom\u00e6nets SFTP-server, som blot hedder a.slotshaven.it<\/mark><\/em><\/strong> . Derp\u00e5 skal man v\u00e6lge port 2222 ude i h\u00f8jre side (standard er port 22, men den skal<\/strong> rettes her), og s\u00e5 skal man angive brugernavn og password. Brugernavnet er det samme som server- URL, og man har f\u00e5et b\u00e5de URL og password i en Lectio-besked fra sin informatikl\u00e6rer (og ellers kan man skrive til Erik Lund, ERL, og f\u00e5 det igen). <\/p>\n<\/div><\/details><\/div><\/p>\n

<\/p>\n

<\/p>\n

<\/p>\n

<\/p>\n

<\/p>\n

<\/p>\n

<\/p>\n

Men vi tager lige det hele forfra:<\/p>\n

<\/p>\n

<\/p>\n

Cyberduck FTP klienten<\/h2>\n

<\/p>\n

<\/p>\n

\"Cyberduck<\/figure>\n

<\/p>\n

<\/p>\n

Der findes mange forskellige, men her vil jeg vise hvordan det foreg\u00e5r med programmet Cyberduck<\/strong>, der er gratis og Open Source. Programmet downloades fra<\/p>\n

<\/p>\n

<\/p>\n

https:\/\/cyberduck.io\/download<\/a><\/p>\n

<\/p>\n

<\/p>\n

Eksemplerne er fra en Windows-computer, men forskellene til Mac er ikke store.<\/p>\n

<\/p>\n

<\/p>\n

\n
\"\"<\/figure>\n
\n

N\u00e5r programmet \u00e5bnes, ser det s\u00e5ledes ud. Hvis vinduet er lidt st\u00f8rre, er der en r\u00f8d \u201clokkedue\u201d oppe til h\u00f8jre, der beder en om at skaffe en \u201cRegistration Key”, men det er ikke n\u00f8dvendigt, spring det bare over<\/strong>.<\/p>\n

<\/p>\n<\/div>\n<\/div>\n

<\/p>\n

<\/p>\n

\"\"<\/figure>\n

<\/p>\n

<\/p>\n

Man klikker nu p\u00e5 \u201cNy forbindelse\u201d (eller \u201cNew Connection\u201d, hvis man har hentet\/valgt en engelsksproget udgave), og skal s\u00e5 indtaste dels adressen p\u00e5 serveren (alts\u00e5 SFTP-serveren, se ovenfor), dels et brugernavn og en adgangskode (password). Dem har man som sagt p\u00e5 en Lectio-besked<\/strong> (s\u00f8g i \u201cEgne beskeder\u201d, og s\u00f8g efter \u201cWebsted\u201d, \u201cWebserver detaljer\u201d eller s\u00e5dan noget. Den er der, ogs\u00e5 selv om det er flere \u00e5r siden du fik den). Brugernavnet er, som sagt, identisk med serverens URL.<\/p>\n

<\/p>\n

<\/p>\n

\"\"<\/figure>\n

<\/p>\n

<\/p>\n

\"\"<\/figure>\n

<\/p>\n

<\/p>\n

Efterh\u00e5nden som man skriver kan man se i linjen \u201cHenvisning\u201d, hvordan FTP-kaldet bygges op. N\u00e5r man er f\u00e6rdig, skal man lige tjekke at der stadig st\u00e5r \u201cSFTP\u201d i den \u00f8verste linje og \u201cPort 2222\u201d til h\u00f8jre. S\u00e6t ogs\u00e5 et hak forneden til venstre, s\u00e5 programmet husker dine oplysninger til n\u00e6ste gang, f\u00f8r du trykker \u201cTilslut\u201d (\u201cConnect\u201d).<\/p>\n

<\/p>\n

<\/p>\n

\"\"<\/figure>\n

<\/p>\n

<\/p>\n

M\u00e5ske kommer der et vindue som siger at “V\u00e6rten er i \u00f8jeblikket ukendt af systemet”. Det er fordi serverens certifikat er blevet fornyet – det skal man blot acceptere. Husk at s\u00e6tte hak forneden, s\u00e5 den ikke kommer og sp\u00f8rger igen.<\/p>\n

<\/p>\n

<\/p>\n

\"\"<\/figure>\n

<\/p>\n

<\/p>\n

Herefter b\u00f8r man kunne se de filer, der ligger p\u00e5 serveren, og man kan l\u00e6gge nye op eller fjerne filer og mapper, der ikke l\u00e6ngere er aktuelle. \u00d8verst i vinduet kan man se brugernavn@server-URL, samt at det er SFTP-protokollen, der anvendes.<\/p>\n

<\/p>\n

<\/p>\n

\"\"<\/figure>\n

<\/p>\n

<\/p>\n

Til en start er mappen “wordpress” det eneste indhold p\u00e5 dit website. Den indeholder din wordpress blog, og den skal du IKKE pille ved!<\/strong><\/p>\n

<\/p>\n

<\/p>\n

For at l\u00e6gge nye filer op p\u00e5 serveren skal du vide hvor du finder dem p\u00e5 din egen computer. Brug Windows Stifinder (eller Mac\u2019ens Finder) og find den mappe, du vil uploade. S\u00f8rg for, at alle de filer, du vil have med, rent faktisk ligger i mappen: HTML-filer, billeder, stylesheets, scripts etc. Det duer ikke, hvis man fx har indsat billeder i det man har lavet, som ligger i mappen \u201cBilleder\u201d eller mappen \u201cOverf\u00f8rsler\u201d.<\/p>\n

<\/p>\n

<\/p>\n

\"\"<\/figure>\n

<\/p>\n

<\/p>\n

N\u00e5r mappen er fundet, s\u00f8rger man ganske simpelt for at b\u00e5de Cyberduck og Stifinder kan ses samtidig, og s\u00e5 tr\u00e6kker man hele mappens indhold – eller bare selve mappen – over fra Stifinder og slipper den i Cyberduck-vinduet. Det ENESTE, man lige skal holde \u00f8je med, er at man ikke kommer til at l\u00e6gge filerne eller mappen ind i en anden mappe, som allerede ligger p\u00e5 serveren \u2013 fx mappen med wordpress. Det kan nemt ske, men det er som regel ikke meningen, og n\u00e5r man skal til at rette fejlen kommer man nemt til at lave flere ulykker. Ctrl-Z virker IKKE her, his man er kommet til at overskrive noget!<\/p>\n

<\/p>\n

<\/p>\n

\"\"<\/figure>\n

<\/p>\n

<\/p>\n

Herefter \u00e5bner et vindue, hvor man kan f\u00f8lge fremgangen i upload\u2019en, og n\u00e5r filerne er p\u00e5 plads, dukker de op p\u00e5 oversigten over filer p\u00e5 serveren. Vinduet \u201cOverf\u00f8rsler\u201d (\u201cTransfers\u201d) kan man blot lukke igen. Man kan se de nye filer og mapper i Cyberduck vinduet, og hvis man n\u00e6rl\u00e6ser filernes datostempler b\u00f8r man kunne se hvorn\u00e5r de senest er rettet. Det kan v\u00e6re ganske nyttigt.<\/p>\n

<\/p>\n

<\/p>\n

\"\"<\/figure>\n

<\/p>\n

<\/p>\n

S\u00e5 er man f\u00e6rdig, og de nye filer (evt. i en ny mappe) kan ses i en browser af alle der kender den rigtige URL \u2013 fx. hvis man linker til dem i sin blog, eller l\u00e6gger dem ind som en iframe i bloggen. Eller bare deler et link med venner og familie.<\/p>\n

<\/p>\n

<\/p>\n

\"\"<\/a><\/figure>\n

<\/p>\n

<\/p>\n