Paavo Räisänen. WampServer palvelimen asennus ja käyttö Eclipsen kanssa, sekä ensimmäinen FTP yhteys.

Transkriptio

1 Paavo Räisänen WampServer palvelimen asennus ja käyttö Eclipsen kanssa, sekä ensimmäinen FTP yhteys Tätä opasta saa vapaasti kopioida, tulostaa ja levittää ei kaupallisissa tarkoituksissa. Kuitenkaan omille nettisivuille opasta ei saa liittää. Opetustarkoituksessa materiaali on vapaasti käytettävissä. Verkko-opetuksessa oppaan saa julkaista oppilaille tarkoitetuilla sivuilla.

2 Sisällysluettelo 1: WampServerin lataus ja asennus 1.1: Lataus ja asennus 1.2: Ohjelmien ajaminen 2: Eclipsen asennus ja käyttö WampServerin kanssa 2.1: Lataus ja asennus 2.2: Ensimmäinen ohjelma ja käyttö WampServerin kanssa 2.3: Yksinkertaisenpi tapa ajaa ohjelma 3: Sivujen siirtäminen kotisivuille

3 1: WampServerin lataus ja asennus 1.1: Lataus ja asennus PHP tai MySQL ohjelmointi ei toki välttämättä tarvitse omalle koneelle palvelinta jos on nettihotellipalvelu, mutta oma palvelin ja Eclipse kehitysympäristö kyllä helpottavat ohjelmistokehitystä. WampServer on palvelinohjelmaksi hyvä valinta. Omalla palvelimella voi omalla koneellaan pyörittää nettiohjelmia, ihan kuin ajaisi niitä netissä, mutta sivut eivät näy ulkopuolisille. WampServerin voi ladata ilmaiseksi osoitteesta Serveri sisältää mm. Apache palvelimen, PHP ja MySQL tuen. Asennus on latauksen jälkeen hyvin helppoa, eikä ohjelmaa tarvitse configuroida. Oletusasetuksena ohjelma asentaa palvelimen C:/ juureen, mikä on suositeltavaa. Asennuksen yhdessä vaiheessa ohjelma kysyy, asennetaanko iconit, jotka suosittelen valittavaksi. Asennus asentaa palvelimen wamp nimiseen kansioon. Kansio sisältää www nimisen kansion. Tähän kansioon sinun on tallennettava kaikki tiedostot, jotka palvelimella haluat ajaa. 1.2: Ohjelmien ajaminen Ennen ohjelmien ajoa sinun täytyy käynnistää palvelin. Tämä käy helposti ohjelman tekemästä pikakuvakkeesta, iconista. Pikakuvaketta täytyy vain klikata serverin käynnistämiseksi. Palvelimen omalle kotisivulle pääsee internet selaimella osoitteesta Kun ajat ohjelmiasi, sinun on käynnistettävä ne www kansiosta, johon localhost viittaa. Jos olet esim tehnyt www kansioon alikansion Harjoitus ja sinulla on siellä tiedosto index.php, ohjelman saa auki osoitteesta

4 2: Eclipsen asennus ja käyttö WampServerin kanssa 2.1: Lataus ja asennus PHP Eclipsen voi ladata osoitteesta file=/technology/epp/downloads/release/helios/r/eclipse-php-helios-win32.zip. Sivuilla on paljon maiden nimiä, mistä haluaa ohjelman ladata. Itse ainakin latasin onnistuneesti Ruotsista (Sweden). Lataus käynnistyy suoraan linkistä, eikä enään ohjaudu muille sivuille. PHP Eclipse on oivallinen työkalu PHP ohjelmontiin, ja tukee myös mm. HTML, XML, CSS ja JavaScript ohjelmointitekniikoita. Ohjelma on helppo asentaa. Katso kuitenkin, mihin kansioon ohjelman asennat, koska ainakaan minulla asennus ei tehnyt varsinaista pikakuvaketta. Asennuskansioon sen sijaan ilmestyy eclipse niminen kuvake, josta ohjelman saa avattua. Kannattaa klikata kuvakkeen päällä hiiren oikeaa näppäintä ja valita luo pikakuvake. Voit sitten siirtää pikakuvakkeen työpöydälle. 2.2: Ensimmäinen ohjelma ja käyttö WampServerin kanssa Klikattuasi pikakuvaketta, sinulle aukeaa ikkuna, jossa kysytään työtila Workspace. Kirjoita siihen osoite, mihin juureen olet asentanut WampServerin, eli esim. C:\wamp\www\Harjoitus ja klikkaa OK. Näin sinulle tulee käyttöön Harjoitus niminen työtila. Kaikki seuraavat asetukset eivät välttämättä ole tarpeen, mutta niistä voi ola hyötyä. Sinulla pitäisi olla tämä näkymä:

5 Valitse nyt File/New/PHP Project. Sinulle aukeaa seuraava valintaikkuna:

6 Anna projektille nimeksi esim. Harj1. Valitse ruksilla toiminto Enable JavaScript support for this project. Klikkaa Finish.

7 Klikkaa Welcome ikkuna vasemmalta ylhäältä kiinni. Näkymä on seuraava:

8 Klikkaa nyt kansion Harj1 kohdalla hiiren oikeaa näppäintä. Näkymä on seuraava:

9 Jos haluat tehdä PHP ohjelman, klikkaa New/PHP File. Saat seuraavan näkymän: Source Folder on oikein. Kirjoita File Name kohtaan tiedoston nimi, minkä halua, mutta muista php pääte PHP ohjelmissa. Kirjoita esim. Koe.php. Eli näin:

10 Klikkaa Finish. Sinulle aukeaa koodieditori. Kirjoita siihen vaikka seuraava testiohjelma: <?php print "Toimii.";?> Ennen ensimmäistä ajoa asetukset on laitettava kohdalleen. Klikkaa Run/Run Configurations, jolloin avautuu seuraava ikkuna: Klikkaa URL kohdasta Auto Generate pois, ja kirjoita poluksi loppuosaan Harjoitus/Harj1/Koe.php.

11 Muuta Server Debuggeriksi Xdebug (myös Zend silti toimii, vaikka testiajossa ohjelma valittaakin). Klikkaa PHP Server kohdasta New. Aseta avautuvaan Name kohtaan nimeksi Wamp. URL on oletuksena todennäköisesti oikein, eli Näkymä on seuraava: Klikkaa Next.

12 Avautuu ikkuna: Klikkaa Add. Tee seuraavat toimenpiteet, kuten alla olevassa kuvassa on tehty, eli anna Path on Server osoitteeksi ja valitse Browse kohdalla projektisi avautuvasta valikosta. Klikkaa OK ja sitten Finish. Nyt Run Configurations ikkunassa näkyy aktiivisena Run. Klikkaa sitä.

13 Nyt ohjelman pitäisi pyöriä, eli tulostaa näyttöön Toimii.. Voit myös valita millä selaimella ohjelma avaa PHP scriptin. Kokeile klikata Windows/Web Browser. Sieltä voit valita haluatko ajaa ohjelman mahdollisesti Internet Explorerilla, tai toissijaisella ohjaimellasi (mahdollisesti Mozilla) tai Internal Web Browserilla, eli Eclipsen ikkunassa. 2.3: Yksinkertaisenpi tapa ajaa ohjelma Jos ei ole tarpeen tehdä wamp\www kansioon omaa alikansiota Harjoitus, vaan riittää, että www kansioon tulee alikansio Harj1 laita Workspace kohdassa osoitteeksi vain esim. C:\wamp\www. Nyt sinun ei tarvitse muuttaa Run Configurations kohdassa mitään asetuksia, vaan pystyt ajamaan ohjelman suoraan Run as/ PHP Web Page komennolla.

14 3: Sivujen siirtäminen kotisivuille, eli FPT yhteyden ottaminen Kotisivujen tekoa varten tarvitset luonnollisesti webhotellipalvelun. Niitä on lähes kaiken hintaisia ja -tasoisia alkaen jopa ilmaisista tai esim. kolme euroa kuukaudessa maksavista useiden kymppien kuukausihintaan asti. Useissa webhotelleissa on control panel, jolla voi siirtää tietoja kotisivuille. Yleensä ja käytännöllisintä on tehdä siirto kuitenkin FTP tai SCP ohjelmalla. Hyvän ilmaisen FTP ohjelman löydät osoitteesta Kun vuokraat webhotellipalvelun, saat FTP kirjautumistiedot. Asennettuasi ja aukaistuasi FTP tai SCP ohjelman kirjoita host name kohtaan verkkosivujesi osoite (domain. esim. minulla Sitten User kohtaan saamasi käyttäjänimi ja Password kohtaan saamasi salasana. File protocol kohdasta valitaan yleensä FTP tai SCP. Esim. minulla WinSCP ohjelmalla aukeaa seuraavanlainen näkymä: Voit nyt ruudun vasemmassa osiossa selata tietokoneeltasi kansioita ja tiedostoja, ja oikealla puolella webbihotellipalvelusi tietoja. Eri FTP ohjelmissa on erilaisia tapoja, miten tieto siirretään, mutta tavat ovat helppoja. Esim. WinSCP ohjelmassa käytetään Files/Copy valintaa, joka siirtää listasta klikatun tiedoston/ kansion. Useissa ohjelmissa on sensijaan nuoli, jota painamalla valittu kansio tai tiedosto siirretään. Muistathan, että nettisivut käynnistyvät automaattisesti aina public_html kansiosta,

15 minne kaikki tieto on laitettava, ja aina index tiedostosta. Index tiedosto voi olla joko index.html tai index.php. Huomaa: isoilla ja pienillä kirjaimilla on eroa, ja vaikka htm päätteisiä tiedostoja voi muuten käyttää, juuri index tiedostoon se ei kelpaa.