• Gå direkte til primær navigation
  • Skip til indhold
  • Gå direkte til primær sidebar
  • Gå direkte til footer

Alt-om-Webdesign.dk

  • Online Marketing
    • SEO
      • Søgeordsanalyse
      • Alt om Linkbuilding
    • Annoncering
      • Google Ads
      • Facebook
      • Advanced Ads
    • Analytics
  • Affiliate
  • WordPress
    • MotoPress plugins og temaer
    • Hosting
    • Gutenberg – Block Editor
    • Temaer
    • Page Builder
    • Plugins
  • Tools
    • SocialPilot
    • Semrush
    • WP Rocket
  • Photoshop
    • Photoshop Elements
  • Blog
    • CRO Guide 2020
  • Om
    • Cookies
    • Privatliv
    • Copyright
    • Affiliate oplysninger
    • Gæsteblogger
    • Partnere
    • Kontakt
Alt-om-webdesign.dk / Anmeldelse af Online Marketing værktøjer / Opsætning af testwebserver XAMPP

Opsætning af testwebserver XAMPP

[mr_rating_result]

Det er altid smart at teste om de ændringer man laver, virker. Og samtidig kan du jo lige se hvordan det ser ud. Til det er der flere metoder!

Du kan installere en LAMP (Linux, Apache, MySQL, PHP) server lokalt på din egen computer, hvor du kan installere WordPress eller Joomla!, og en MySQL database.

På den måde kan du se om det hele virker inden du udgiver det til et rigtigt websted.

Det er en besværlig måde, men den rigtige måde! Det kunne f.eks. være en meget nem udgave der hedder XAMPP (X for “flere” styresystemer, Apache, MySQL, PHP eller Perl).

XAMPP på localhost
XAMPP på localhost

 

Test før du udgiver

Mange vælger at have en ekstra WordPress eller Joomla! installation på deres server, og så styrer adgangen via robots.txt og .htaccess. Men det er ikke en optimal løsning, da skidtet ligger online, og du sikkert glemmer alt om det, indtil den dag det er blevet hacket, og hele domænet er suspenderet af Google!

Det kan du delvist undgå ved at lave adgangskontrol på test versionen, men for at være på den sikre side, er det bedre at have en lokal installation.

Download og installation af XAMPP

Når du skal installere noget der ligger lokalt, for at teste dit websted, er der flere muligheder. Jeg bruger XAMPP, der er nemt at installere, og virker super godt på min Windows desktop.

  • Find XAMPP på https://www.apachefriends.org/index.html
  • Ud for Download, vælg den version du ønsker, f.eks. XAMPP for Windows
  • Nu begynder en download af prrogrammet, xamp-win…..exe
    • Hvis download ikke starter, klik på direkte link eller mirror
  • Når XAMPP er hentet, klik på pakken i nederste venstre hjørne af din browser, eller åbn mappen Overførsler i Stifinder
  • Dobbeltklik på den XAMPP version du har hentet
  • Klik på Ja til at installere, eller vælg en administrator konto, og skriv koden, hvis du ikke selv er administrator
  • Først kommer der en advarsel om, at du ikke skal installere XAMPP i mappen med programmer, da der er begrænsede rettigheder i den, og at du kan slå UAC fra efter installation, men det anbefaler jeg bestemt ikke! – Klik på OK

Installation af XAMPP på Windows

  • Klik på Next

Du kan du vælge forskellige komponenter der skal installeres. Standarden er helt perfekt 🙂

XAMPP komponenter

  • Klik på Next

Placering af XAMPP

Nu kan du vælge hvor XAMPP skal installeres. Hvis du har flere harddiske, kan det være en fordel ikke at placere det på C-drevet.

  • Klik på Next

Lær om Bitnami

Nu kan du lære lidt om Bitnami, der har nogle installeringsmuligheder til f.eks. cms, du kan evt. fjerne markeringen. Hvis du ikke gør det, åbnes Bitnami’s hjemmeside i browseren: https://bitnami.com/stack/xampp

  • Klik på Next

XAMPP klar til installation

Nu er du klar til at installere XAMPP

  • Klik på Next

XAMPP installeres

Nu installeres XAMPP, og du får lidt informationer undervejs, i setup vinduet.

Til sidst i processen, vises en sikkerhedsmeddelelse fra Windows, der fortæller at din firewall blokerer programmet.

Firewall blokere programmet

  • Klik på Tillad adgang (det er kun internt på eget netværk, du kan se siderne)

Når installationen er færdig, bliver du spurgt om du vil starte kontrolpanelet, og det vil du selvfølgelig gerne, så du kan få startet din egen hjemme webserver op.

XAMPP er installeret, start kontrolpanelet

  • Klik på Finish

Igang med XAMPP

Først skal du vælge sprog

XAMPP kontrolpanel vælg sprog

  • Klik på Save

Kontrolpanelet åbnes, og nu er XAMPP installeret. Du kan styre det, ved at åbne kontrolpanelet på ikonet i processlinjen, eller under start, og finde programmet.

XAMPP kontrolpanel

Opsætning af XAMPP

Webserveren skal startes, inden det virker. Og evt. også MySql, hvis du skal lege med CMS-systemer.

Hvis du vil have webserveren og MySQL til at starte automatisk, når du tændercomputeren, kan du sætte markering i felterne (de grå firkanter) til venstre for Apache og MySQL.

  • Sæt markering til venstre for Apache, klik på Start
  • Sæt markering til venstre for MySql, klik på Start

Windows Firewall dukker op igen, og du kan acceptere at MySQL får adgang til netværket.

Firewall blokerer MySQL

    • Klik på Tillad adgang
  • Evt. klik på Ja (AUC) eller en administrator og skriv koden

Nu er webserveren klar. Tjek det ved at skrive http://localhost i en browser. Du kan også bruge https://localhost for sikker adgang, men da der ikke er installeret et certifikat, vil browseren (Chrome) advare dig, og du kan under Avanceret alligevel gå ind på siden, så det virker altså.

Hvis der ikke sker noget, tjek at XAMPP kontrolpanelet har grønt Running til højre for Apache. En genstart kan nogen gange  gøre det, men burde ikke være nødvendigt.

Installer et CMS – WordPress – på XAMPP

  • Åbn http://localhost i en browser, du får XAMPP forsiden, indtil du selv tilføjer noget indhold

XAMPP ligger på localhost

Du kan med fordel installere er CMS ved at bruge Bitnami nem-installation fra et af ikonerne i bunden.

Bitnami til nem installation af cms

Her bliver du ført over til Bitnami’s hjemmeside, og skal vælge et stykke nede (Bitnami modules), hvilket CMS du gerne vil benytte.

Bitnami modules

  • Klik på Windows under WordPress

Nu bliver du bedt om at logge på, for at få opdateringer, nyheder og … det behøver du ikke!

Bitnami modules - hent WordPress

    • Klik på No thanks, just take me to the download

WordPress modulet bliver hentet, og ligger i Overførsler.

  • Dobbeltklik på exe filen når den er downloaded, enten i nederste venstre hjørne af browseren, eller i Stifinderen, mappen Overførsler
  • Klik på Ja (UAC) eller …

Bitnami modules - installer WordPress

  • Vælg sprog
  • Klik på OK

Bitnami modules installer WordPress

  • Klik på Next

Bitnami modules - installer WordPress sti er valgt

Stien til XAMPP installationen er automatisk valgt

  • Klik på Next

Bitnami modules installer WordPress - opret bruger

Du kan nu oprette en bruger

  • Udfyld med oplysninger
  • Klik på Next

Bitnami modules installer WordPress - blog navn

  • Udfyld med et navn til siden
  • Klik på Next

Nu kan du konfigurere hvilken email client du skal bruge hvis der udfyldes en formular der skal sendes som email.

SMTP settings

  • Lad feltet være tomt
  • Klik på Next

Bitnami vil rigtig gerne have dig til at bruge deres ydelser, så du opfordres til at lægge din nye WordPress installation på deres cloud løsning. Det koster selvfølgelig penge.

Bitnami Cloud

  • Fjern markering i Launch wordpress in the cloud with Bitnami
  • Klik på Next

Bitnami - Ready to install

Nu er Bitnami klar til at installere modulet lokalt på din egen computer

  • Klik på Next

Som før kommer der et installationsvindue, med lidt oplysninger om Bitnami.

Vent

Bitnami installationen er færdig

  • Klik på Finish

Nu åbnes din nye hjemmeside på http://127.0.0.1/wordpress/ der er det samme som //localhost/wordpress

Gør-det-selv

Det virker meget omstændeligt, og hvis du hellere vil gøre det selv, kan du oprette en database, lave en mappe under localhost, hvor du uploader den sidste version af WordPress, og så starte “installationen” af WordPress derfra.

Uanset hvad, så skal du igennem en del steps, før du har en ny hjemmeside.

Opret MySql database

Når du vil lege med CMS-systemer, kræver det en database, og i XAMPP er indbygget MySql-databasen, kaldet Maria DB, der bruges af Joomla!, Drupal, WordPres og mange flere CMS-systemer.

Du kan installere en database manuelt:

  • Åbn localhost
  • Klik på phpMyAdmin øverst til højre i menuen

XAMPP ny MySQL database

  • Klik på ikonet Ny til venstre øverst i menuen

XAMPP ny database navn

  • Udfyld med et passende navn, der bruges underscore _ i stedet for mellemrum
  • Vælg koden utf8mb4_general_ci i feltet til venstre
  • Klik på Opret

Databasen er oprettet. Den ligger på localhost, har brugernavn root uden kode. Det er selvfølgelig ikke optimalt, når den skal online, så på webhotellet får root garanteret tildelt et password, ellers opretter du en passende bruger!

Nu ved du lidt mere om at bruge et FTP-program som FileZilla.

Har du spørgsmål eller kommentarer, vil jeg gerne høre fra dig, det kan være jeg kan lære noget nyt igen i dag 🙂

Du må også meget gerne give artiklen en High Five

[mr_rating_form]

…

Hav en fortsat fantastisk god dag

Michael Bredahl

Artikel udgivet 24. august 2014 – senest revideret 26. september 2018.

Online Marketing værktøjer

Semrush er det ultimative værktøj til SEO, Ads og godt indhold

Semrush er det ultimative værktøj til SEO, Ads og godt indhold

Semrush er et tool jeg har prøvet at bruge siden "tidernes morgen" inden for online marketing. Dvs. fra begyndelsen af nullerne, og en gang imellem har det kunnet noget de andre ikke kunne. I dag kan jeg spare flere timer, ved at lave en lynhurtig ...

EML to PST Converter

Jeg har et par gange haft opgaven med at redde emails fra forskellige webmail, eller nedlagte konti. Ofte får du et output der er en zipfil, med alle emails i EML format inden i.
Camtasia til at redigere video

Camtasia til at redigere video

Uanset hvilket medie du har optaget video på, oplever du sikkert at du gerne vil redigere inden de udgives på YouTube eller andet medie. Det er Camtasia du kan bruge til det!
Snagit til skærmdump og skærm video

Snagit til skærmdump og skærm video

[mr_rating_result generate_microdata=true] Har du brug for at lave skærmdumps eller optage video af din skærm, er Snagit det helt rigtige program til det.
Long Tail Pro finder dine søgeord

Long Tail Pro finder dine søgeord

Med Long Tail Pro behøver du næsten ikke tænke selv. Du får foræret en liste med søgninger der er relevante for det udgangspunkt af søgeord du har medtaget i programmet.
Tiny Ranker til rank tracking og nye søgeord

Tiny Ranker til rank tracking og nye søgeord

[mr_rating_result]Du bruger Tiny Ranker  (tidligere Tiny Rocket Lab) 🚀 til at holde øje med dine placeringer i Google, og kontrollere om arbejdet med din søgeordsanalyse er økonomisk bæredygtig.
Opsætning af testwebserver XAMPP

Opsætning af testwebserver XAMPP

[mr_rating_result] Det er altid smart at teste om de ændringer man laver, virker. Og samtidig kan du jo lige se hvordan det ser ud. Til det er der flere metoder!
FileZilla - når noget skal ordnes ad bagvejen

FileZilla - når noget skal ordnes ad bagvejen

[mr_rating_result] Nogle gange går WordPress i baglås, med en fejlkode, eller endnu værre, uden en fejlkode, blot med hvid skærm!
SEO PowerSuite er din online marketings schweitzerkniv

SEO PowerSuite er din online marketings schweitzerkniv

Et af de virkelig stærke værktøjer, når du skal holde godt øje med hvad du får ud af din indsats på online marketing, er SEO Power Suite fra Linkassistant.
Installation af SEO PowerSuite

Installation af SEO PowerSuite

Installationen af SEO PowerSuite er rimelig nem, men hvis du har brug for hjælp bliver alle punkter i installationen gennemgået trin for trin lige her.
Rank Tracker

Rank Tracker

Rank Tracker fra Link Assistant er et stykke software du installerer, der holder øje med dine dyrbare placeringer i Google - og Bing hvis du synes det er morsomt.
SEO PowerSuite Cloud konto

SEO PowerSuite Cloud konto

SEO PowerSuite Cloud er en smart måde at gemme og dele projekter med andre, eller blot sørge for at det hele ligger i skyen, så du kan komme til dine projekter fra flere forskellige enheder.

Giv mig en kommentar

Læserinteraktioner

Skriv et svar Annuller svar

Din e-mailadresse vil ikke blive publiceret. Krævede felter er markeret med *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primær Sidebar

Kategorier

  • Adobe Photoshop
  • Adobe Photoshop Elements
  • Facebook
  • Google Ads
  • Google Analytics
  • Joomla!
  • Kurser
  • Social Media
  • Søgemaskineoptimering
  • Søgeordsanalyse
  • Temaer
  • Tjen penge online
  • Værktøjer
  • Windows
  • WordPress

Footer

Alt om SEO

  • Alt om Linkbuilding
  • Title og description er reklamen i Google
  • Indholdet på din hjemmeside har stor betydning for SEO
  • Indholdsoptimering og formatering har stor betydning for SEO
  • SEO tools
  • Content Marketing starter på din egen hjemmeside
  • Gratis links til dit website
  • Keywords = Nøgleord er underordnede

Nyhedsbrev

Få hemmelig tips og tricks

Når jeg finder nye spændende opdagelser i mine
mange test, får du det at vide som den første



Powered by MailChimp

Ved at klikke Ja tak! får du mit nyhedsbrev,
og accepterer samtidig min privatlivspolitik.
Jeg holder dine data sikkert og du kan til enhver tid framelde dig igen.

Alt om WordPress

  • MotoPress plugins og temaer
  • Gratis eller billig hjemmeside
  • Hvad er en Page Builder?
    • Hvad er Elementor?
  • WordPress Plugins
    • Link Whisper
    • Recipe Card Blocks
    • Metaslider
  • Gutenberg til WordPress
    • Sådan arbejder du med Gutenberg og Blok Editor
    • Skift mellem Klassisk Editor og Gutenberg Blok Editor
  • Envira billedgalleri og meget mere
  • Jeg bruger sider som kategorier
  • Webshop med WordPress og Woocommerce
    • WPBakery Page Builder (Visual Composer) – nemt design til WordPress
    • WooCommerce Product Layout
  • Accordian Menu – læg farver i din side menu
  • Autopost fra WordPress til Facebook, Twitter, Google+
  • Opdatering af WordPress
  • Hvad er WordPress?

Copyright © 2025 · Alt-om-Webdesign.dk - en del af Michael-Bredahl.dk - CVR: 2146 6107 -

  • Facebook
  • Google
  • Twitter
  • YouTube