Forord
Jeg har fået øvelsen CentOs, på dette øvelse skal jeg sætte en server op i et datacenter som skal bruges
som webserver. Der skal installeres CentOs 7 på en virtual maskine og der skal installeres Apache, PHP
5, Mysql. Der skal kodes en html side som køres fra web serveren hvor den skal indholde billed, video,
tæller, css.
Process
Jeg started med downloade CentOs fra centos.org, everythings iso filen.
Installerede den i en virtual maskine på Wmvare.
Downloadding og Installering af Apachi, PHP, Mysql
Jeg downloaded Apache via terminalen med kommondoen
sudo yum install httpd
Starter Apache på vores VPS med kommondoen
sudo systemctl start httpd.service
Aktivering af Apache bruger vi kommondoen
sudo systemctl enable httpd.service
For installer Mysql bruge kommondoen
sudo yum install mariadb-server mariadb
Starte Mysql med kommondoen
sudo systemctl start mariadb
For sikker.hed til Mysql bruge kommondoen
sudo mysql_secure_installation
Og følger guiden ud og opsætter password.
Aktivering af Mysql bruge kommondoen
sudo systemctl enable mariadb.service
Installering af PHP bruge kommondoen
sudo yum install php php-mysql
Nu skal vi restarte Apache for for den til at virke sammen med PHP med kommondoen
sudo systemctl restart httpd.service
Du kan yderliger teste din PHP nu med oprette en PHP fil med kommondoen
sudo vi /var/www/html/info.php
Kode den med foreksempel med
<?php phpinfo(); ?>
Nu skal men save og lukke og prøv den i din browser addressen vil være
http://198.168.0.2/info.php i min tilfælde men lokal ip kan ændre ved forskellige maskiner. Der skulle
meget gerne dukke en PHP info side op med din PHP info.
Kodening af html filen
Jeg har kodet et html fil, en css fil og js fil til min html side og fundet en tilfældig video på nettet og
downloade den.
Kode Html filen
<html>
<head>
<script type=”text/javascript” src=”scripts.js”></script>
<link rel=”stylesheet” type=”text/css” href=”style.css”>
</head>
<body>
<h1>Muhammed Sarac </h1>
<h2>Praktik Centret </h2>
<h3>Øvelse 3</h3>
<img src=”https://raw.githubusercontent.com/dockerlibrary/
docs/c4df0024e2cad985326dc38f6b6ce39abeab59c5/centos/logo.png”>
<div class=”box”>
<label for=”qty”><abbr title=”Quantity”>Qty</abbr></label>
<input id=”qty” value=”0″ />
<button id=”down” onclick=”modify_qty(-1)”>-1</button>
<button id=”up” onclick=”modify_qty(1)”>+1</button>
</div>
<video width=”320″ height=”240″ autoplay>
<source src=”movie.mp4″ type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
Your browser does not support the video tag.
</video>
</body>
</html>
Kommentar til html koden
Her har jeg kodet meget simpelt html hvor jeg i script henvist til min scripts.js fil og i link har jeg henvist til
min style.css fil. Med h1 har jeg skrevet mit navn og med h2 praktik centret og h3 med øvelse 3. Lige neden
under har jeg med, img src = henvist til en billed jeg fandt på nettet. Så har jeg med en div oprettet en box
med en input og to knapper. Til sidst har jeg i videon henvist til min video fil.
Kode til Style filen
body {
font-family: helvetica, arial, verdana, sans-serif;
}
input {
font-size: 2.4em;
background-color: transparent;
text-align: center;
border-width: 0;
width: 100%;
margin: 0 0 .1em 0;
color: #fff;
}
label {
display: block;
font-size: .8em;
}
button {
/* basics */
color: #444;
background-color: #B5B198;
/* rounded corners */
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
font-weight: bold;
}
button:hover, button:active, button:focus {
background-color: #CBC7AE;
}
.box {
/* basics */
background-color: #444;
color: #C4BE92;
text-align: center;
/* rounded corners */
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
padding: .8em .8em 1em;
width: 8em;
margin: 0 auto;
-webkit-box-shadow: 0px 0px 12px 0px #000;
box-shadow: 0px 0px 12px 0px #000;
}
Kommentar til Style koden
Her har jeg stylet input, label, button og box med farver og hvor stor det skal være og om der skal skyer på
og placeringen.
Kode til JS filen
function modify_qty(val) {
var qty = document.getElementById(‘qty’).value;
var new_qty = parseInt(qty,10) + val;
if (new_qty < -20) {
new_qty = 0;
}
document.getElementById(‘qty’).value = new_qty;
return new_qty;
}
Kommentar til html koden
Her har jeg lavede en function som styre valuen i tælleren hvor den kan tælle ned til -20 og op til uendelig
Køre siden på serveren
For køre siden på serveren skal vi smide alle filerne ind på stien /var/www/html. Det kan man ikke gør med
drage and drop metoden direkte så vi bruger terminalen til copier filerne ind til stien det kan gøres ved
være super user (su) og bruge kommondoen i min tilfælde er
Sudo cp project.html /var/www/html
Sudo cp scripts.js /var/www/html
Sudo cp style.css /var/www/html
Sudo cp Movie.mp4 /var/www/html
Men kan også copier hele mappens indhold med kommondoen
Sudo cp -r /mappenavn/. /var/www/html
Ekstra øvelse wordpress
Database og bruger oprettelse I mysql
Vi starter med oprette en database og en bruger til wordpress vi logger ind i mysql med root med
kommondoen
mysql -u root -p
Opretter database med kommondoen
CREATE DATABASE wordpress;
Opretter bruger og adgangskode med
CREATE USER muhammed@localhost IDENTIFIED BY ‘sarac’;
Giver bruger adgang til databasen med
GRANT ALL PRIVILEGES ON wordpress.* TO muhammed@localhost IDENTIFIED BY
‘sarac’;
Og vi sørger for mysql ved vi har givet adgang til bruger med
FLUSH PRIVILEGES;
Og logger ud med
Exit
Installering af wordpress
Før vi installer wordpress henter vi modulen til php for det kan fungere korrekt med
sudo yum install php-gd
og genstarter Apache med
sudo service httpd restart
for hente og installer wordpress bruger vi kommondoen
cd ~
wget http://wordpress.org/latest.tar.gz
og
tar xzvf latest.tar.gz
nu flytter vi WordPress filerne til serveren med
sudo rsync -avP ~/wordpress/ /var/www/html/
Og opretter en uploadsmappe med
mkdir /var/www/html/wp-content/uploads
og giver fuld rettighed så wordpress kan tilgå redigerin og tilføjelser vi laver med
sudo chown -R apache:apache /var/www/html/*
Nu skal vi copier wp-config filen så vi går ind på stien /var/www/html med
cd /var/www/html
og ind i copier filen med
cp wp-config-sample.php wp-config.php
og for configure gå vi ind I filen med
nano wp-config.php
og fylder vores database oplysninger ind her
// ** MySQL settings – You can get this info from your web host ** //
/** The name of the database for WordPress */
define(‘DB_NAME’, ‘wordpress’);
/** MySQL database username */
define(‘DB_USER’, ‘muhammed’);
/** MySQL database password */
define(‘DB_PASSWORD’, ‘sarac’);
Saver og går ud af filen.
Til sidst kan vi sætte wordpress op ved gå ind på vores server fra vores browser og følge wordpress guiden.
Kilder
• www.centos.org
• https://www.digitalocean.com/community/tutorials/how-to-install-linux-apache-mysql-php-lampstack-
on-centos-7
• https://www.codecademy.com/courses/a-simple-counter/0/1
• https://www.w3schools.com/tags/att_video_poster.asp
Software
• CentOs
• Apache
• PHP
• Mysql
• Wordress
Spørgesmål
• Hvad er DHCP?
• Hvad bruges DHCP til?
• Hvad er DNS intern brugt til?
• Hvad er DNS eksternt brugt til?
• Hvad bruges CSS til?
• Hvilken fordel og ulemper er der med CSS?
• Hvad gør MySQL (MariaDB)?
• Hvad gør Apache?
Svar
• Det er en server som deler ip adresser til koblet maskiner
• Få en automatisk ip adresse til maskiner.
• Brugt til privat netværk brug til navngive ip adresser
• Brugt til internet brug for navngive ip adresser
• Css bruger man for style elemeterne på en hjemside eller html sider.
• Fordelen er ved css er den gør stylingen nemmer og mere fleksible og ulæmpen er dårlig layout er
det eneste jeg kommer i tankerne
• Mysql er en database og bruges til oprette, rediger, tilføje og slette fra en database.
• Apache er en web server og sørger for vi kan server websider
Konklusion
I dette øvelse har jeg installerede CentOs på en virtual maskine og installerede Apache, PHP, Mysql og
lavede en server. Kodet en html side og køret den fra serveren. Tl ekstra opgaven har jeg downloadede
Wordpress og installerede den på serveren.