28/02/2017 Instalacija WP-a. WAMP server

Transcription

1 28/02/2017 Instalacija WP-a WAMP server Denis Selimović, 2017

2 LOKALNI SERVER Za lokalnu instalaciju WordPress sustava na osobno računalo potrebno je prije toga na računalo instalirati lokalni server na kojem će se web stranica razvijati. Lokalni web server je baš kao i svaki drugi server na svjetskoj mreži, samo što je postavljen lokalno, dakle na vašem osobnom računalu i, ako nije postavljeno drugačije, nije mu moguće pristupiti iz drugih izvora. To znači da sve što je razvijeno na lokalnom serveru nije vidljivo posjetiteljima nego samo nama samima.to je ujedno i prednost lokalnog servera ispred ostalih mogućnosti razvoja. Tek kada smo gotovi s izradom web stranice ili aplikacije možemo krenuti u zakup hosting paketa i pokazati svoj rad posjetiteljima. Na taj način ne gubi se plaćeno vrijeme već svoju WordPress stranicu možemo prikazati svojim članovima, korisnicima i posjetiteljima odmah nakon što je postavimo na live server. Moguće je web stranice razvijati i direktno na live serveru no to svakako nije preporučljivo, prije svega zbog potrošnje resursa jer ih većina hosting poslužitelja ograničava. Drugi razlog je taj što vam sigurno nije u interesu, a ni poželjno, da posjetitelji vide razvojne faze vaše web stranice. Ipak, za razvoj na nekom od live servera moguće je postaviti tzv. Splash Screen te razvijati web stranicu bez da se išta od promijena vidi na njoj. Možemo zaključiti da je lokalni server izvanredan jer ga se može koristiti kao mjesto za testiranje dodataka, tema i modifikacija. Lokalni se server instalira na računalo radi mogućnosti upravljanja svih navedenih promjena. Tako primjerice lokalni server daje mogućnost prikaza rezultata PHP i sličnih programskih skripti, ali i mogućnost upravljanja bazom podataka. Kako ne bismo morali ručno skidati Apache, a potom PHP i MySQL, koji su također potrebni pri razvoju web aplikacija, te zatim prolaziti kroz dosta složen proces konfiguracije, za Windows, pa i Linux okruženje, stvoreni su paketi koje jednostavno instaliramo na naše računalo. Za Windows operativne sustave koriste se programi poput WAMP-a, XAMP-a i sličnih, dok se za Linux koristi LAMP programski paket. Svi ti programi objedinjuju Apache HTTP Server, MySQL i phpmyadmin za administraciju MySQL-a preko web preglednika. Kao vrlo jednostavan primjer možemo opisati WAMP programski paket koji će nakon što ga instaliramo na računalo, stvoriti lokalni server sličan onom koji se koristi na hosting računima, u koji možete instalirati WordPress, Joomlu ili bilo koji drugi CMS i onda testirate, dizajnirate i učite. U nastavku je dan kompletan postupak instalacije i konfiguracije WAMP lokalnog servera te instalacije WordPress CMS-a na osobno računalo. 2

3 1. INSTALACIJA WAMP SERVERA Preuzmite posljednju verziju WampServa sa službene stranice: Nakon što ste preuzeli instalacijski paket, instalirajte WampServer prateći standardnu precuduru instalacije. Kada se svi podaci spreme na računalo tijekom instalacije dobiti će te upit za postavljanje zadanog web preglednika. Kao zadani biti će ponuđen Internet Explorer kao prvi, pa ukoliko ne želite da to bude taj preglednik odaberite neki drugi na način da uneste putanju do određene izvršne datoteke preglednika na slijedeći način: Opera: C:\Program Files (x86)\opera\opera.exe Firefox: C:\Program Files (x86)\mozille Firefox\firefox.exe Safari: C:\Program Files (x86)\safari\safari.exe Chrome: C:\Users\xxxxx\AppData\Local\Google\Chrome\Application\chrome.exe Navedene putanje do izvršnih datoteka dane su samo orijentacijski. Ukoliko instalaciju programski paketa izvršavate na druge particije diska moguće su razlike u samoj proceduri. Bitno je samo pronaći izvršnu datoteku instaliranu na vašem računalu i taj dio je rješen.nakon toga instalacija je završena te se pojavljuje PHP Mail Parameters prozor u kojem za SMPT server ostavljamo localhost kako je zadano, a adresu unesemo subjektivno. 3

4 Kada smo upisali svoje podatke, pritiskom na Next pojaviti će se prozor s uspješnim završetkom instalacije. Ukoliko sada WAMP program nije pokrenut samostalno, pokrenemo ga pritiskom na ikonu na računalu. Tada će se pojaviti WAMPServer ikona u donjem desnom kutu taskbara. Pričekamo nekoliko trenutaka te provjerimo stanje WAMP servisa. Ukoliko je ikona zelena tada sve radi korektno. Ako je ikona narančasta tada postoji problem sa nekim od servisa, dok crvena ikona ukazuje na to da Apache i MySQL servisi nisu pokrenuti te je potrebno riješiti te probleme prije nastavka konfiguracije WAMP-a. Kako riješiti problem stanja servera opisati ćemo u nastavku tutorijala. Za sada samo pratite daljnje korake prema uputama. 4

5 U donjem desnom kutu ekrana u taskbaru gdje su prikazani datum i vrijeme možemo vidjeti ikonu s prepoznatljivim slovom W. Pritiskom na tu ikonu obavijesti otvara se prozor kao na slici. Opcije koje se nude u tom prozoru mogu varirati ovisno o instaliranoj verziji WAMPServer-a. Mi koristimo trenutno najnoviju verziju u ovom trenutku (2.5). Gledajući s vrha prozora kao prvu opciju imamo Localhost koji na vodi na glavnu stranicu servera. Slijedeća je mapa sa svim našim spremljenim projektima koju ćemo ubuduće puniti te na ovaj način pristupati im na brz način. Ispod toga nalazi se phpmyadmin unutar kojeg dodajemo baze i korisnike. Za otvaranje www datoteke na računalu, o kojoj će biti nešto više riječi kasnije, koristi se www directory mapa za brzi pristup.nakon toga slijede 3 mape sa raznim mogućnostima. Apache ima višestruke opcije, među kojima je pristup raznim modulima koje možete po potrebi aktivirati. Ovdje obavezno aktivirajte rewrite_module ukoliko želite da vam permalinkovi rade. Kliknite na tu mapu zatim Apache modules opciju i onda pronađite opciju rewrite_module i kliknite na nju da bi ste ju omogučili. WAMPServer će zamijeniti httpd.conf datoteku samostalno i ponovno pokrenuti Apache automatski nakon promijene. 5

6 Ponovno otvorite Apache modules na isti način. Sada bi opcija rewrite_module trebala biti označena s kvačicom što ukazuje da je omogućena. U mapi PHP također se nude višestruke opcije koje će te s vremenom upoznati. Tu se nalazi i brzi pristup na php.ini te PHP error log. U mapi MySQL imamo mogućnosti brzog pristupa na my.ini i MySQL log. Osim toga nudi se i mogućnost manipulacije određenim servisom ili dodavanje raznih verzija MySQL-a ukoliko trenutna verzija nije kompatibilna s nekim programom. U kartici Debug nalazi se opcija wbegrind koja služi kao alat za profiliranje web aplikacija. U kartici Quick Admin možemo manipulirati svim servisima na način da ih 6

7 pokrenemo, zaustavimo ili ponovno pokrenemo čime često zna biti rješen problem povezivanja i ikona pozeleni ako je bila crvena ili narančasta. 2. TESTIRANJE WAMPServera Provjera ispravnosti same instalacije servera može se obaviti pritiskom miša na opciju Localhost ili ručno unesti u svoj web preglednik adresu Nakon učitavanja trebala bi se pojaviti naslovna stranica Wamp servera kao na slici. Ukoliko imate problema s prikazom naslovnice i dobijete prikaz pogreške pri spajanju provjerite da li je neki od drugih servisa na portu 80 na kojem bi trebao raditi ovaj lokalni server. Često su to servisi poput drugih sličnih lokalnih servera (XAMPP, DesktopServer, itd.) ili Skype servis. Opisati još kako promijenit port. 7

8 PODEŠAVANJE PHP-a: Sljedeće što je potrebno napraviti je konfiguracija php.ini opcije do koje ćemo doći na već opisani način. Kada pritisnemo na tu opciju otvoriti će se ta datoteka u nekom od tekstualnih procesora za obradu. U njoj je potrebno napraviti neke izmjene te spremiti izmjene: Izbrisati znak ; na početku linija: error_reporting = E_ALL ^ E_DEPRECATED (~line 112) error_log="c:/wamp/logs/php_error.log"(~line639) Promijenit: post_max_size=50m(~line734) upload_max_filesize = 50M (~line 886) PODEŠAVANJE MYSQLA: Prije početka konfiguracije MySQL-a potrebno je provjeriti da li phpmyadmin radi korektno. To ćemo učiniti na način da odaberemo tu opciju u prozoru WAMP servera u donjem desnom kutu ekrana ili direktnim upisivanjem adrese u naš web preglednik. Ukoliko dobijemo poruku Cannot connect: invalid settings onda je potrebno otvoriti php datoteku kojoj pristupamo kao C:\wamp\apps\phpmyadmin3.5.1\config.inc.php (verzija može varirati). Potrebno je slijedeću liniju postaviti kao: $cfg['servers'][$i]['allownopassword'] = true; 8

9 Ako sada sve radi kako treba otvoriti će se slijedeći prozor. KREIRANJE BAZE PODATAKA: Na lijevoj strani nalazi se lista baze podataka koja već postoji. To su information_schema, mysql, performance_schema, i test kao uvijek zadane te ostale koje sami formiramo. Zadane baze podataka nemojte obrisati jer su obavezne za rad Wamp servera i phpmyadmin servisa. Za kreiranje nove baze podataka odabiremo prvo karticu Databases. U tom prozoru potrebno je unesti naziv baze podataka (npr. my_datebase) te u padajućoj listi odabiremo način kolacioniranja (npr. utf8_croatian_ci) i na kraju pritisnemo Create. Pojaviti će se poruka kako je uspješno kreirana nova baza podataka. Sada tu novu bazu podataka možemo primjetiti na lijevoj strani na listi svih baza podataka. 9

10 Pošto radimo lokalnu instalaciju servera nije nam potrebna lozinka, a korisničko ime uvijek je root. Tako da mjesto za lozinku ostavljamo prazno. Ukoliko pak želimo dodati vlastito korisničko ime i lozinku za bazu podataka onda to radimo na način da odaberemo ime baze na listi s lijeve strane te odaberemo opciju Privilegies u nekoj od gornjih kartica. Proizvoljno odabiremo svoje korisničko ime i lozinku, a kao host odabirelo Local. Vidimo da nam se nude još neke opcije za manipulaciju, ukoliko smo sve završili na dnu stranice odabiremo Go. 10

11 INSTALACIJA WORDPRESSA: WordPress se može besplatno preuzeti i instalirati na bilo koji server koji podržava PHP i MySQL. Zvanična adresa ovog CMS-a je i na njoj možete pronaći mnogo detalja vezanih za ovaj sistem, uključujući i teme, dodatke, tutorijale, pitanja korisnia i slično. Ukoliko već niste, preuzmite instalacijski paket na navedenoj stranici pod Kada se završi preuzimanje otvorite arhiviranu mapu i raspakirajte podatke s nje u direktoriju gdje je instaliran WampServer. Na primjer ovako: C:\Program Files\wamp\www\wordpress Na slici je prikazana već raspakirana datoteka pod nazivom wordpress (možete ju nazvati kako hoćete). U datoteci wamp sada će se nalaziti mapa wordpress i datoteka index. Unutar mape wordpress nalazi se datoteka wp-config-sample.php. U njoj je potrebno promijenit konfiguraciju prema podacima unesenim u bazi podataka. Točnije, potrebno je promijeniti varijable DB_NAME, DB_USER, DB_PASSWORD, DB_HOST na sljedeći način: /** The name of the database for WordPress */ define('db_name', 'my_datebase'); /** MySQL database username */ define('db_user', 'petar_perić'); /** MySQL database password */ define('db_password', ' s6ylucl94wpdrtjj '); 11

12 /** MySQL hostname */ define('db_host', 'localhost'); /** Database Charset to use in creating database tables. */ define('db_charset', 'utf8') Nakon što spremite podešavanja potrebno je preimenovati datoteku wp-config-sample.php u wp-config.php. Sada u vaš web preglednik unesite adresu Ukoliko se pojavi greška potrebno je promijeniti putanju. Početni dio je uvijek jednak za sve i vodi nas prema www mapi. Ukoliko ste instalacijski paket raspakirali i nazvali na neki drugi način (ne wordpress kao u ovom slučaju) onda promijenite taj dio putanje. Ostatak treba ostati isti jer wp-admin se koristi kao ulaz u administraciju a install.php daje naredbu za instalaciju. Kada popravite moguće greške započeti će instalacija WordPress sustava. Pojaviti će se opcija za automatsko kreiranje konfiguracije ili config.php, kliknite na tu opciju. Pratite nastavak instalacije dok se ne pojavi sljedeći prozor: 12

13 Popunite podatke kao na slici i instalirajte WordPress. Nakon što je WordPress uspješno instaliran moći će te se prijaviti u administrativni odjel i započeti s testiranjem i učenjem. Naravno, ako ste promijenili podatke o korisniku u kreiranoj bazi podataka onda ne unosite kao ime korisnika root već ono proizvoljno odabrano, jednako vrijedi i za ostala polja. Datebase name je ime baze podataka kreirane prethodno u bazi podataka. Za moj slučaj naziv je my_datebase pa ga tako i promijenim ovdje. User name i Password također mijenjamo ako smo prethodno napravili promijene u bazi. Datebase Host je uvijek localhost jer radimo u takvom okruženju. Table Prefix je wp_ osim ako ne želimo koristiti neki drugi. Nakon ispunjenih svih polja pokreće se instalacija. U trenutku kada se završi instalacija pojaviti će se naslovnica stranice WordPress gdje upisujemo podatke za naziv stranice (korisničko ime i adresu). Korisničko ime i lozinku unosimo onakve kakve smo definirali prilikom same instalacije WordPress-a prethodno. 13