Βασικές Οδηγίες Χρήσης του WAMP (Προγραμματισμός Εφαρμογών Διαδικτύου)



Σχετικά έγγραφα
XAMPP Apache MySQL PHP javascript xampp

Οδηγίες εγκατάστασης και χρήσης Java σε προσωπικό υπολογιστή

Hase οδηγίες χρήσης.

ARTius με PostgreSQL

Οδηγίες για αντιμετώπιση προβλημάτων στην εγκατάσταση του ΧΑΜPP

ΟΔΗΓΙΕΣ ΕΓΚΑΤΑΣΤΑΣΗΣ ΓΡΑΜΜΑΤΕΙΑΚΗΣ ΕΦΑΡΜΟΓΗΣ ESCHOOL

Hase οδηγίες χρήσης.

Σεμινάριο joomla! 3. Διοργάνωση: Άλφα Εκπαιδευτική Εισηγητής: Μοτσενίγος Ιωάννης Ηλεκτρονικός Μηχανικός-Σύμβουλος Internet Marketing- Web Designer

Εργαστηά ριο Βαά σεων Δεδομεάνων

Οδηγός Εγκατάστασης

server : Ο υπολογιστής του καθηγητή που θέλουμε να ελέγχει τους υπόλοιπους του εργαστηρίου client : Οι υπολογιστές των μαθητών

ΤΕΙ ΚΑΒΑΛΑΣ. Πτυχιακή εργασία ΕΙΣΑΓΩΓΗ. Μιλτιάδης Κακλαμάνης

ΠΑΝΕΠΙΣΤΗΜΙΟ ΙΩΑΝΝΙΝΩΝ ΤΜΗΜΑ ΜΑΘΗΜΑΤΙΚΩΝ

Εγκατάσταση Joomla 1. Στο Π.Σ.Δ. ( 2. Τοπικά 3. Σε δωρεάν Server

Εγκατάσταση των απαραίτητων προγραμμάτων για την λειτουργία του WordPress. Δρ. Ματθαίος Πατρινόπουλος

Οδηγίες για την εγκατάσταση του πακέτου Cygwin

XnetTrader: ΟΔΗΓΙΕΣ ΓΙΑ ΤΗΝ ΕΝΕΡΓΟΠΟΙΗΣΗ ΤΗΣ ΕΦΑΡΜΟΓΗΣ σε ΔΧΣ Τερματικό

Εγκατάσταση της Unity

Hase οδηγίες χρήσης.

Συνοπτικός Οδηγός Χρήσης του MySQL Workbench

Android Studio για Windows

MS SQL 2012 Express (Εγκατάσταση με Advanced Services)

Μπορείτε τα δείτε βιντεάκι με τη διαδικασία εδώ:

BHMATA ΓΙΑ ΑΝΑΒΑΘΜΙΣΗ ΣΤΟ 3S/I.T.P.

ΕΣΔ 232: ΟΡΓΑΝΩΣΗ ΔΕΔΟΜΕΝΩΝ ΣΤΗ ΚΟΙΝΩΝΙΑ ΤΗΣ ΠΛΗΡΟΦΟΡΙΑΣ. Ακαδημαϊκό Έτος , Εαρινό Εξάμηνο. Εργαστηριακή Άσκηση 2 24/01/2012

CYGWIN Οδηγίες Χρήσης (Συγγραφέας: Γιώργος ούκας)

6 Εισαγωγή στο Wordpress 3.x

Μια καλή επιλογή θα ήταν (χωρίζοντας τις λέξεις με παύλα -) ή

Open eclass Πλατφόρμα Ασύγχρονης Τηλεκπαίδευσης

Οδηγίες Εγκατάστασης tube & έναρξης δοκιμαστικών μαθημάτων

Οδηγός γρήγορης εγκατάστασης. (Για Windows και MAC) Ασύρματη κάμερα IP HD περιστροφής / κλισης για εσωτερικούς χώρους v3.14

ΕΓΧΕΙΡΙ ΙΟ ΡΥΘΜΙΣΕΩΝ ΓΙΑ ΤΗΝ ΠΡΟΣΒΑΣΗ ΣΕ ΗΛΕΚΤΡΟΝΙΚΟΥΣ ΠΟΡΟΥΣ ΙΚΤΥΟ ΒΙΒΛΙΟΘΗΚΩΝ ΤΟΥ ΙΝΣΤΙΤΟΥΤΟΥ ΘΕΡΒΑΝΤΕΣ

Οδηγός γρήγορης εγκατάστασης. (Για Windows και MAC) Ασύρματη κάμερα IP HD για εξωτερικούς χώρους v3.14

Πλατφόρμα Ασύγχρονης Τηλεκπαίδευσης eclass 1.7. Οδηγίες Αναβάθμισης (Upgrade) Αθήνα, 16 Μαρτίου Εισαγωγή

Android Studio για Linux

ΟΔΗΓΙΕΣ ΧΡΗΣΗΣ CLASSWEB Εισαγωγή βαθμολογιών από διδάσκοντες μέσω Διαδικτύου

Εγχειρίδιο εγκατάστασης και βασικής παραμετροποίησης σεναρίου εστίασης

Academia Financials Γενική Λογιστική ΠΕΡΙΕΧΟΜΕΝΑ

ΣΥΣΤΗΜΑ «ΕΡΜΗΣ» / «HERMES» (Hellenic Exchanges Remote MEssaging Services) Υποβολή Στοιχείων ΔΑΚ

ΟΔΗΓΙΕΣ ΣΥΝΔΕΣΗΣ ΣΤΟ ΔΙΚΤΥΟ ΤΟΥ ΟΠΑ ΑΠΟ ΕΞΩΤΕΡΙΚΟ ΠΑΡΟΧΟ (ΥΠΗΡΕΣΙΑ VPN) Windows 8, Windows 7, Windows Vista, Windows XP

ΔΙΑΔΙΚΑΣΙΑ ΑΝΑΒΑΘΜΙΣΗΣ ΚΥΠΡΙΑΚΟΥ ΧΑΡΤΗ

DreamSpark. Τώρα λοιπόν που μάθατε περι τίνος πρόκειται, ας δούμε πώς μπορεί κάποιος να κατεβάσει λογισμικό από το site του DreamSpark.

ΟΔΗΓΙΕΣ ΕΓΚΑΤΑΣΤΑΣΗΣ SCADA Pro 16

Οδηγίες Σύνδεσης Ασύρματου Δικτύου ΤΜΗΥ&Π. Οδηγίες Σύνδεσης για λοιπά Linux/Unix Συστήματα

Εγκατάσταση του PiNet για διαχείριση εργαστηρίου με Raspberry Pi. Συγγραφέας: Τριχόπουλος Γιώργος Δεκέμβριος 2016

Οδηγίες Χρήσης EAP Controller Software

Πλατφόρµα Ασύγχρονης Τηλεκπαίδευσης eclass 2.0. Οδηγίες Αναβάθµισης (Upgrade) Αθήνα, 1 Ιουνίου Εισαγωγή

Οδηγός εγκατάστασης προγράμματος TestDrive του Υ.Μ.Ε.

ΕΘΝΙΚΟ ΚΑΙ ΚΑΠΟΔΙΣΤΡΙΑΚΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΑΘΗΝΩΝ ΣΧΟΛΗ ΘΕΤΙΚΩΝ ΕΠΙΣΤΗΜΩΝ ΤΜΗΜΑ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΤΗΛΕΠΙΚΟΙΝΩΝΙΩΝ ΠΡΟΓΡΑΜΜΑ ΜΕΤΑΠΤΥΧΙΑΚΩΝ ΣΠΟΥΔΩΝ

Open eclass Πλατφόρμα Ασύγχρονης Τηλεκπαίδευσης

IDIKA eprescription SignMed Authentication & Digital Signature Client για Windows

Εγκατάσταση του εκτυπωτή από το CD λογισμικού και τεκμηρίωσης

Οδηγίες Εγκατάστασης της MySQL

Οδηγός Εγκατάστασης και Χρήσης του Arebas Easy

MS SQL 2005 Standard (Εγκατάσταση)

ΕΓΧΕΙΡΙ ΙΟ ΕΓΚΑΤΑΣΤΑΣΗΣ QUARKXPRESS & QLA SERVER

Η πλατφόρμα Ασύγχρονης Τηλεκπαίδευσης GUnet eclass 1.7 έχει δοκιμαστεί και λειτουργεί κανονικά:

ΟΔΗΓΙΕΣ ΕΓΚΑΤΑΣΤΑΣΗΣ & ΧΡΗΣΗΣ ΟΛΟΚΛΗΡΩΜΕΝΟΥ ΠΕΡΙΒΑΛΛΟΝΤΟΣ ΑΝΑΠΤΥΞΗΣ BloodShed Dev-C++

MCSS Medical Center Support Systems. Setup Instructions

Οδηγίες εγκατάστασης Δορυφορικής κάρτας Technisat

Windows 7 Windows Vista

ΟΔΗΓΙΕΣ ΕΓΚΑΤΑΣΤΑΣΗΣ

Βρίγκας Μιχαήλ Α.Μ.744 Μπράχος Χ. Ευάγγελος Α.Μ.795

Διαχείριση Πληροφοριών στο Διαδίκτυο. Εργαστήριο 1

Εγκατάσταση Joomla! Στο ΠΣΔ. 1. Μεταβαίνουμε στο και συνδεόμαστε στο λογαριασμό μας. 2. Μεταβαίνουμε στο «MySch»

Για τους πελάτες που πραγματοποιούν συνδέσεις δικτύου σε λειτουργικό σύστημα Windows

Προδιαγραφές χρήσης για την πλατφόρμα τηλεδιάσκεψης BigBlueButton

Συμβουλές Ασφαλείας. ενάντια στους ΙΟΥΣ

Εγχειρίδιο εγκατάστασης Megasoft 2009

Τώρα ήρθε η ώρα για να αποκτήσετε το βασικό εργαλείο ανάπτυξης web εφαρμογών το GGTS.

Δημιουργία μιας εφαρμογής Java με το NetBeans

ΠΛΗΡΟΦΟΡΙΚΗ ΙΙ Python. 1η Ομάδα Ασκήσεων

Τεχνικές αλλαγές στις εκδόσεις

Εγκατάσταση Mozilla Firefox

ΑΝΑΠΤΥΞΗ ΕΦΑΡΜΟΓΩΝ ΜΕ ΧΡΗΣΗ PHP

ΔΙΑΔΙΚΑΣΙA ΜΕΤΑΦΟΡΑΣ ΥΛΙΚΟΥ ΜΑΘΗΜΑΤΟΣ ΑΠΟ BLACKBOARD VISTA ΣΕ OPEN ECLASS

Μαθαίνω τα Νοήματα. Περιβάλλον Διδασκαλίας Βασικού Λεξιλογίου της Ελληνικής Νοηματικής Γλώσσας. Οδηγός Εγκατάστασης. Ευίτα Φωτεινέα, Ελένη Ευθυμίου

Ξεκινώντας με το MIT Αρρ Inventor. 1 η Εργασία

Ρύθμιση Stylitis-10+ WiFi

Ο ΗΓΙΕΣ ΕΓΚΑΤΑΣΤΑΣΗΣ. MS SQL Server Για τις ανάγκες των εφαρµογών της

ΒΑΣΙΚΑ ΜΑΘΗΜΑΤΑ ΝΤΟΥΛΑΚΗΣ - ΜΕΝΙΟΥΔΑΚΗΣ ΕΠΑ.Λ ΕΛ. ΒΕΝΙΖΕΛΟΥ

Οδηγός σύνδεσης στο δίκτυο του ΤΕΠΑΚ μέσα από την υπηρεσία απομακρυσμένης πρόσβασης VPN Τεχνολογικό Πανεπιστήμιο Κύπρου

Σενάριο Εστίασης Win XP:

ΟΔΗΓΙΕΣ ΓΙΑ ΤΗΝ ΥΠΗΡΕΣΙΑ OTE TV GO ΣΕ ΥΠΟΛΟΓΙΣΤΗ (PC/LAPTOP)

ΕΝΗΜΕΡΩΤΙΚΟ ΦΥΛΛΑΔΙΟ ΠΡΩΤΟΕΤΩΝ ΦΟΙΤΗΤΩΝ

Πως θα κατασκευάσω το πρώτο πρόγραμμα;

Προετοιμασία σύνδεσης του modem. Εγκατάσταση του Modem

ΕΡΓΑΣΤΗΡΙΟ 16. Χρησιμοποιώντας τον Αποσφαλματιστή (Debugger) του Eclipse

Tο περιβάλλον Code::Blocks

Δομές Δεδομένων. Σημειώσεις από το εργαστήριο για τον χειρισμό του προγράμματος Eclipse. 5ο εξάμηνο. v1.0

Είσοδος σε συνεδρία της Blackboard και βασικές ρυθμίσεις

HomeWork. Συµβατότητα µε συσκευές. Ένας δάσκαλος στο σπίτι.

ΑΝΑΠΑΡΑΓΩΓΗ ΜΑΘΗΣΙΑΚΩΝ ΑΝΤΙΚΕΙΜΕΝΩΝ ΣΤΟ ΦΩΤΟΔΕΝΤΡΟ ΜΑΘΗΣΙΑΚΑ ΑΝΤΙΚΕΙΜΕΝΑ. Οδηγίες για Java

Οδηγίες Εγκατάστασης της MySQL

Smart Notebook Software Installer 2014 ΟΔΗΓΟΣ ΕΓΚΑΤΑΣΤΑΣΗΣ

MS SQL 2000 Standard (Εγκατάσταση)

Εργαστήριο 1-1 η Άσκηση - Ανάλυση

ΑΡΙΣΤΟΤΕΛΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΟΝΙΚΗΣ ΜΟΝΑΔΑ ΑΡΙΣΤΕΙΑΣ ΕΛ/ΛΑΚ

Υπηρεσία Πληροφορικών Συστημάτων Τομέας Συστημάτων

Transcript:

Φώτης Κόκκορας (Καθ. Εφαρ.) TEI Θεσσαλίας Τμ. Μηχανικών Πληροφορικής ΤΕ 411 10, Λάρισα e-mail: fkokkoras@teilar.gr Έκδοση 2.1 (06/04/2014) Βασικές Οδηγίες Χρήσης του WAMP (Προγραμματισμός Εφαρμογών Διαδικτύου) Δείτε τη σύνοψη στην τελευταία σελίδα! Το XAMPP είναι μια εκδοχή συνδυασμού λογισμικών για ανάπτυξη web εφαρμογών. Υπάρχει έκδοση τόσο για Windows (WAMPP) όσο και για Linux (LAMPP), καθώς και για άλλα Λειτουργικά Συστήματα 1. To "πακέτο" περιλαμβάνει web server (Apache), database server (MySQL) και server-side γλώσσα προγραμματισμού (PHP) 2. Για Windows OS υπάρχουν δύο εκδόσεις αυτή τη στιγμή (Απρ/2014), η 1.8.2 και η 1.8.3. Αν έχετε Windows XP πάρετε την 1.8.2, αλλιώς την 1.8.3. Η διανομή είναι ΟΚ για ανάπτυξη web εφαρμογών στο PC σας αλλά όχι για εγκατάσταση παραγωγής (να βγάλει site στο "αέρα" δηλαδή), καθώς απαιτεί επιπλέον ρυθμίσεις για κάτι τέτοιο (κύρια ρυθμίσεις ασφάλειας). Μπορείτε να πάρετε το XAMP από το ακόλουθο URL. Εκεί θα βρείτε και τις εκδόσεις για Linux και Mac (αν και στο Linux οι διάφορες διανομές τα έχουν ενσωματωμένα ή και προ-εγκατεστημένα). Ο παρόν οδηγός ασχολείται με την έκδοση για Windows OS. https://www.apachefriends.org/download.html#646 Στην ίδια σελίδα υπάρχουν και οδηγίες εγκατάστασης (τίποτα ιδιαίτερο, "τρέξτε" το αρχείο που θα κατεβάσετε). Ζητούμενο είναι να γίνει η εγκατάσταση στο root φάκελο του δίσκου ώστε τελικά όλα να βρίσκονται στο προτεινόμενο από την εγκατάσταση φάκελο c:\xampp\. Έτσι δεν θα χρειαστεί να κάνετε κάτι επιπλέον. Τα ζητούμενα υποσυστήματα φαίνονται στην εικόνα δεξιά βάλτε ΜΟΝΟ αυτά!. Το MySQL Workbench θα το χρειαστείτε για την database του project και τα σχετικά με αυτή SQL ερωτήματα. Κατεβάστε την έκδοση Windows (x86, 32-bit), MSI Installer από τη διεύθυνση: http://www.mysql.com/downloads/workbench/ Δεν χρειάζεται να κάνετε κάποια εγγραφή στο site ή οτιδήποτε άλλο υπάρχει link στο κάτω μέρος που λέει: "No thanks, just start my download". WAMP Προϋποθέσεις Λειτουργίας Οι προϋποθέσεις για να εκκινήσετε σωστά το περιβάλλον είναι να μην τρέχει στον υπολογιστή σας ταυτόχρονα άλλη έκδοση web server ή εφαρμογή που χρησιμοποιεί το port 80 (όπως π.χ. άλλος Apache, το Skype, o IIS (web server της Microsoft), το Matrix της Microsoft, κτλ), καθώς και άλλη εγκατάσταση 1 Αυτός είναι και ο λόγος του Χ στο XAMPP υποστηρίζει διάφορα Λειτουργικά Συστήματα. H Linux έκδοση είναι εγκατεστημένη στο εργαστήριο UNIX. 2 Το 2 ο P στον όρο XAMPP συνήθως παραλείπεται καθώς αφορά σε μια 2 η server side scripting γλώσσα που υπάρχει στη διανομή, την Perl. 1/11

mysql. Ακόμη κι αν ήδη τρέχετε αυτές τις εφαρμογές μπορείτε να τις σταματήσετε όταν θέλετε να δουλέψετε με το XAMP. Τυχόν προβλήματα να αναφερθούν στο forum του μαθήματος στο eclass, όπου ήδη υπάρχουν αναφορές και συμβουλές επίλυσης από παλαιότερα (δείτε τις). Ειδικότερα: Αν έχετε άλλο Apache μάλλον θα το ξέρετε και πιθανώς θα έχετε και PHP και δεν θα χρειάζεστε καν το XAMP! Αν έχετε ήδη εγκατεστημένο τον MySQL server (π.χ. από Βάσεις Δεδομένων Ι) μπορείτε να τον ρυθμίσετε να μην ξεκινά αυτόματα με την εκκίνηση του Η/Υ (από Πίνακα Ελέγχου/Control Panel > Υπηρεσίες/Services). Το σχετικό παράθυρο (Win7) φαίνεται παρακάτω: Το XAMP έχει δικό του MySQL server και είναι αρχικά ρυθμισμένο να δουλεύει με αυτόν. Αυτός ο MySQL server δεν τρέχει ως service όπως όταν εγκαθιστούμε μόνο τον MySQL server! Αν έχετε εγκατεστημένο το Skype, επειδή δεσμεύει το port 80 που ζητάει ο Apache, θα έχετε πρόβλημα καθώς το Skype εγκαθίσταται by default ώστε να τρέχει με την εκκίνηση του Η/Υ. Μπορείτε και αυτό να το ρυθμίσετε (μέσα από το Skype, Tools > Options > General Settings) να μην τρέχει αυτόματα και όποτε το θέλετε να το τρέχετε εσείς. Εναλλακτικά μπορείτε να κλείνετε το Skype (από το tray κάτω δεξιά στο desktop) πριν τρέξετε το XAMP ή να ρυθμίσετε τον Apache να χρησιμοποιεί άλλο port. Περισσότερα για αυτό στη συνέχεια. Αν έχετε κάποιο άλλο περιβάλλον ανάπτυξης web εφαρμογών (MS Visual Studio (?)) πιθανώς θα έχετε το πρόβλημα με το port 80, οπότε και πάλι, θα δείτε τη λύση παρακάτω. Εκκίνηση XAMP Στην περίπτωση που στον Η/Υ σας είχατε ήδη MySQL server θα κάνετε οπωσδήποτε χειροκίνητη εκκίνηση του XAMP, καθώς το XAMP Control Panel (στο Start Menu) δεν ξεκινά τον σωστό MySQL server (διαφορετικά το XAMP Control Panel λειτουργεί ΟΚ). Θα πηγαίνετε λοιπόν στον φάκελο του XAMP και: 1) Θα ξεκινάτε τον Apache από το αρχείο apache_start.bat εντός του φακέλου εγκατάστασης του XAMP. Η PHP ξεκινά αυτόματα καθώς την διαχειρίζεται ο Apache. Δεν κλίνετε το παράθυρο που θα εμφανιστεί ελαχιστοποιήστε το. Αν όλα πάνε καλά θα πάρετε εικόνα όπως παρακάτω. Αν υπάρχει πρόβλημα ο Apache δεν θα ξεκινήσει και θα υπάρχει κάποιο μήνυμα (πιθανότατα ότι η θύρα 80 δεν είναι ελεύθερη το συνηθέστερο πρόβλημα). 2/11

2) Θα ξεκινάτε τον ΜySQL από το αρχείο mysql_start.bat εντός του ίδιου φακέλου, μόνο εφόσον το site σας χρησιμοποιεί database. Αν η δουλειά σας δεν απαιτεί database server, δεν χρειάζεται να εκκινήσετε τον ΜySQL. Το παράθυρο που θα εμφανιστεί (σαν το επόμενο) δεν το κλίνετε μπορείτε βέβαια να το ελαχιστοποιήσετε. Αν όλα πάνε καλά θα πάρετε παρόμοια εικόνα. Και για τις δύο εφαρμογές, εφόσον δεν τις έχετε ξανατρέξει, θα εμφανιστεί προειδοποίηση από το firewall των Windows δώστε ΟΚ και για τις δύο. Έλεγχος Λειτουργίας Ανοίγετε τον browser του υπολογιστή σας και δίνετε την διεύθυνση http://localhost/. Αν όλα λειτουργούν σωστά θα δείτε το σήμα του XAMP και επιλέγοντας English την home page του πακέτου. Επιλέξτε το Status στο μενού αριστερά. Εφόσον ΟΛΑ λειτουργούν σωστά, θα πρέπει να δείτε τη σελίδα στην α- κόλουθη εικόνα: Στην επιλογή CD Collection του μενού υπάρχει μια μικρή web εφαρμογή που εφόσον λειτουργεί (δοκιμάστε τη καταχωρείστε και διαγράψτε CD), σημαίνει ότι το "κύκλωμα" Apache-PHP-mySQL της εγκατάστασης δουλεύει άψογα. Είστε ΟΚ για web-development!!! Από τις υπόλοιπες επιλογές, η phpinfo() εκτελεί τη συγκεκριμένη εντολή της php και δείχνει τις ρυθμίσεις της PHP του XAMP ενώ η phpmyadmin εκκινεί τη web-based διαχείριση του MySQL server (είναι προτιμότερο να δουλέψετε με το Workbench σε αυτό το κομμάτι το phpmyadmin είναι για περιπτώσεις που πρέπει να εργαστείτε σε απομακρυσμένο database server και ο host δεν σας παρέχει άλλο τρόπο πρόσβασης παρά μόνο μια εγκατάσταση phpmyadmin (είναι το τυπικό σενάριο στο web). Τέλος δείτε την επιλογή Security (ο root user του MySQL server και ο admin του phpmyadmin δεν έχουν ορισμένο password αυτό βολεύει το σενάριο "development" αλλά αποτελεί σοβαρό κενό α- σφάλειας σε "πραγματική λειτουργία" μην βάζετε το XAMP με default ρυθμίσεις σε πραγματικά site). 3/11

Project Τα αρχεία που "σερβίρει" ο Apache του XAMP βρίσκονται στο φάκελο c:\xampp\htdocs\. Τα αρχεία που υπάρχουν ήδη εκεί είναι από το "πορτοκαλί site" των παραπάνω screenshots. Μπορείτε να φτιάξετε ένα φάκελο μέσα εκεί (π.χ. με όνομα project) και να βάλετε μέσα σε αυτόν όλα τα αρχεία του project. Σε τέτοια περίπτωση το site σας θα είναι στη διεύθυνση http://localhost/project/ (αν και αυτό γενικά αλλάζει από τις ρυθμίσεις του Apache). Oι οδηγίες παρακάτω θεωρούν ότι φτιάξατε αυτό το φάκελο. Μπορείτε επίσης να φτιάχνετε ένα φάκελο για κάθε εργαστήριο lab07-08, κτλ. Τερματισμός XAMP Για να τερματίσετε το XAMP, τρέξτε τα apache_stop.bat και mysql_stopt.bat από το φάκελο του XAMP. Αυτό θα κλείσει τα "μαύρα" παράθυρα που άνοιξαν κατά την εκκίνηση. Αν χρησιμοποιείτε το XAMP Control Panel τότε κλείστε τους servers από εκεί. Πρόβλημα Θύρας 80 Ένα σύνηθες πρόβλημα μη λειτουργίας του XAMP είναι όταν κάποια άλλη εφαρμογή έχει δεσμεύσει το port 80 στο οποίο είναι ρυθμισμένος by default να "ακούει" ο Apache. Αν δεν μπορείτε να αποδεσμεύσετε το port 80, έστω και προσωρινά, τότε η λύση είναι να αλλάξετε το default port του Apache. Με τον Apache κλειστό, στο αρχείο ρυθμίσεών του (<φάκελος XAMP>/apache/conf/httpd.conf) αλλάξτε το "Listen 80" που γράφει σε κάποιο σημείο με π.χ. "Listen 8080" (ή όποια port σας βολεύει / είναι ελεύθερη). Κάντε το ίδιο στο σημείο που λέει "ServerName localhost:80" (αλλάξτε το 80). Εφόσον αλλάξετε το default port, θα πρέπει στο εξής να βάζετε localhost:8080 (ή το port που βάλατε) αντί για σκέτο localhost, όταν κάνετε κλίσεις σε αυτόν τον server (π.χ. http://localhost:8080/ ). Πρόβλημα με PHP Σε τυχόν δυσλειτουργία της PHP, τρέξτε το test_php.bat (είναι στον φάκελο του XAMP) για να δείτε αν το πρόβλημα οφείλεται στην έλλειψη κάποιων βιβλιοθηκών της Microsoft (Microsoft Visual C++ 20xx Redistributable Package). Σε τέτοια περίπτωση θα χρειαστεί να κατεβάσετε το σχετικό "πακέτο" από τη Microsoft. 4/11

MySQL Workbench 6.1.x CE Το MySQL Workbench είναι μια εφαρμογή για διαχείριση ενός mysql Server, για σχεδί αση βάσεων δεδομένων σε γραφική διεπαφή, για την δημιουργία ερωτημάτων, κτλ. Αν η εφαρμογή δεν τρέξει σε δεδομένο PC, τότε κατά σειρά οι πιθανοί λόγοι είναι: α) δεν υπάρχει εγκατεστημένο το.νετ β) δεν υπάρχει εγκατεστημένο το Microsoft Visual C++ 2010 Redistributable Package (x86) Το 1 ο είναι διαθέσιμο και μέσω του μηχανισμού των updates/ενημερώσεων των Windows και λογικά θα το έχετε ήδη. Το 2 ο μπορείτε να το κατεβάσετε και να το εγκαταστήσετε από το ακόλουθο URL: http://www.microsoft.com/download/en/details.aspx?id=5555 Περισσότερα για το Workbench στο σχετικό PDF που θα δοθεί. Λοιπές Απαιτήσεις Database Στο MySQL Workbench θα φτιάξετε την database αλλά πιθανώς κάποιος που γνωρίζει να προτιμήσει το phpmyadmin που υπάρχει έτοιμο μέσα στην XAMP εγκατάσταση και είναι προσβάσιμο από τη διεύθυνση http://localhost/phpmyadmin/, εφόσον το XAMP έχει ήδη εγκατασταθεί όπως παραπάνω. Υπάρχει πιθανότητα να σας δοθεί η database έτοιμη καθώς δεν είναι το αντικείμενο του μαθήματος, πλην όμως να ξέρετε ότι χωρίς γνώσεις βάσεων δεδομένων "δεν θα μπορέσετε να πάτε μακριά". Browser Φροντίστε ό,τι κάνετε να λειτουργεί σωστά στις τελευταίες εκδόσεις των Internet Explorer, Firefox και Chrome. Για τον 2 ο να έχετε εγκατεστημένο το plugin Firebug για να βλέπετε (με F12) το DOM, να κάνετε debugging σε JavaScript, κτλ. Oι 2 άλλοι browsers έχουν ενσωματωμένο παρόμοιο μηχανισμό (με F12). PHP Debugging Το Notepad++ (ή το PSPad) σας καλύπτει για απλές δουλειές όπως οι ασκήσεις των εργαστηρίων. Φροντίστε μόνο να είναι ρυθμισμένο στη χρήση utf-8 καθώς έτσι θα θέλετε να είναι και οι σελίδες που θα φτιάχνετε. Το μόνο μειονέκτημα στους απλούς editors είναι η απουσία php debugger (σε σοβαρές δουλειές χρειάζεται). Στο Notepad++ μπορεί να ενσωματωθεί debugger (xdebug) αλλά δεν είναι ιδιαίτερα εύχρηστος. Όποιος θέλει να ασχοληθεί σοβαρά με web development να προτιμήσει κάποιο IDE όπως το NetBeans for PHP 3. Δίνονται στη συνέχεια οδηγίες για εγκατάσταση του NetBeans for PHP καθώς και το πώς θα το χρησιμοποιήσετε σε συνδυασμό με το XAMP. NetBeans for PHP Καταρχήν ο παρόν οδηγός έχει γραφεί με βάση την έκδοση 7.4 (υπάρχει ακόμη διαθέσιμη στο παρακάτω URL). Η τρέχουσα είναι η 8.0. Μπορείτε να πάρετε δωρεάν το NetBeans από: https://netbeans.org/downloads/index.html 3 Υπάρχουν βέβαια και αρκετά εμπορικά περιβάλλοντα όπως τα Embarcadero HTML5 Builder, Blumentals Rapid PHP, JetBrains PhpStorm, ακόμη και το Visual Studio (με κάποιες προϋποθέσεις). Προτείνεται η χρήση του NetBeans for PHP (που υπάρχει και σε Linux και είναι εγκατεστημένο και στα PCs του εργαστηρίου). 5/11

Θέλετε την έκδοση PHP (ή την All, εφόσον θέλετε να χρησιμοποιήσετε το ίδιο περιβάλλον και για Java programming). Κλείστε τυχόν Apache και MySQL του XAMP, πριν εγκαταστήσετε NetBeans! Για να "τρέξει" τo NetBeans πρέπει ο υπολογιστής σας να έχει εγκατεστημένο είτε το JRE ή το JDK. Το JRE επαρκεί αν σας ενδιαφέρει να χρησιμοποιήσετε το NetBeans μόνο για PHP. Αν σκοπεύετε να το χρησιμοποιήσετε και για προγραμματισμό σε Java, τότε χρειάζεστε το JDK. Επειδή μπορεί να έχετε ήδη κάποιο από τα δύο, προτείνεται να τρέξετε την εγκατάσταση του NetBeans και να το αφήσετε να κρίνει μόνο του αν χρειάζεστε κάτι ή όχι. Σε περίπτωση που χρειάζεστε, η εγκατάσταση δεν θα γίνει και θα σας ενημερώσει σχετικά (θα σας πει ότι χρειάζεστε το JDK). Επειδή το JDK περιέχει μέσα του και το JRE, θα ασχοληθούμε παρακάτω μόνο με αυτό. Άρα, εφόσον η εγκατάσταση του NetBeans πει ότι ο Η/Υ δεν είναι έτοιμος, κατεβάστε το JDK από την ακόλουθη διεύθυνση. Χρειάζεστε την 32-bit έκδοση, ασχέτως του τι Windows έχετε. http://www.oracle.com/technetwork/java/javase/downloads/index.html Στην σελίδα αυτή επιλέξτε το JDK Download και στην επόμενη κλικάρετε το "Accept License Agreement" και μετά το "Windows x86 88.98 MB jdk-7u21-windows-i586.exe" (βλ. εικόνα). Εγκαταστήστε το JDK με τις default ρυθμίσεις δεν χρειάζεται κάτι ιδιαίτερο. Μετά εγκαταστήστε το NetBeans (και πάλι με τι default ρυθμίσεις εγκατάστασης δεν κάνετε κάτι ιδιαίτερο). Debugging σε NetBeant IDE Για να έχετε δυνατότητα debugging σε PHP κώδικα, θα πρέπει το περιβάλλον του NetBeans να γνωρίζει ποια PHP χρησιμοποιείτε 4. Αυτό το δηλώνετε στο NetBeans IDE, στο μενού Tools > Options, ενότητα PHP, καρτέλα General. Δείτε ενδεικτικά στο screenshot στην επόμενη εικόνα. Αν δεν αναγράφετε το path της δικής σας PHP θα πρέπει να την υποδείξετε με το Browse.... Επιπρόσθετα, στο αρχείο php.ini (βρίσκεται στο φάκελο της PHP του XAMP), πρέπει να γίνουν οι αλλαγές που περιγράφονται στην συνέχεια 5 : 4 Το πρόβλημα είναι ότι το NetBeans for PHP έχει δική του PHP κι εμείς θέλουμε του XAMP. 6/11

1. Εντοπίστε το αρχείο <φάκελος XAMP>\php\php.ini και ανοίξτε το με έναν text editor. 2. Βρείτε τη γραμμή zend_extension="<φάκελος XAMP>\php\ext\php_xdebug.dll" και βγάλτε από αριστερά το ";" που την κάνει σχόλια (λογικά θα είναι στο τέλος του αρχείου, στην ενότητα [XDebug]). 3. Κάντε το ίδιο στη γραμμή xdebug.remote_host=localhost. Επιπλέον, αλλάξτε την τιμή από localhost σε 127.0.0.1 4. Κάντε το ίδιο στη γραμμή xdebug.remote_enable = 0. Αλλάξτε το 0 σε 1. 5. Κάντε το ίδιο στη γραμμή xdebug.remote_handler = "dbgp". 6. Κάντε το ίδιο στη γραμμή xdebug.remote_port = 9000. Αν δεν υπάρχει αυτή η γραμμή προσθέστε τη. 7. Αποθηκεύστε το αρχείο php.ini και κάντε επανεκκίνηση στον Apache. Δεν τελειώσαμε! Επειδή το NetBeans έρχεται και με δικό του web server (Apache), για να χρησιμοποιεί τον Apache του XAMP θα πρέπει όταν δημιουργείτε ένα νέο php project μέσα στο NetBeans να ρυθμίζετε τον web server που θέλετε καθώς και τη home page του site που φτιάχνετε. Θεωρώντας ότι μέσα στον φάκελο htdocs του XAMP φτιάξατε τον φάκελο project για να βάλετε εκεί τα αρχεία του project, τρέξτε το NetBeans IDE και επιλέξτε: File > New Project. Ακολουθήστε τις ρυθμίσεις που φαίνονται με κίτρινη επισήμανση στα ακόλουθα screenshots. 5 Οι ρυθμίσεις αυτές περιγράφονται και στο site του NetBeans στην ενότητα "Xdebug on XAMPP 1.7.2 (PHP 5.3)" στη σελίδα: https://netbeans.org/kb/docs/php/configure-php-environment-windows.html 7/11

Παρακάμψαμε το 4 ο βήμα καθώς, για το μάθημα, δεν μας αφορά. Το NetBeans PHP Project στο οποίο θα φτιάξετε το project του μαθήματος είναι έτοιμο. Από το μενού File επιλέξτε New File... και στη συνέχεια όπως στα επόμενα screenshots. 8/11

Πληκτρολογήστε τις δύο εντολές που βλέπετε στο επόμενο screenshot και πατήστε RUN. Θα πρέπει να εμφανιστεί ο browser σας με το κείμενο "Τα κατάφερες" και τον μωβ πίνακα με τις ρυθμίσεις της PHP. Ο Debugger σε Λειτουργία Για να δοκιμάσετε τον debugger για PHP του NetBeans, τροποποιήστε τον κώδικα της προηγούμενης εικόνας όπως φαίνεται στην επόμενη εικόνα. Τα κουμπιά στο toolbar του debugger είναι τα συνήθη για debugger και κατά σειρά έχουμε: run, debug, τερματισμός debugging, continue, step over (F8), step into (F7), step out, step to cursor (F4). Βάλτε ένα breakpoint στην εντολή $a=10; Πατήστε το button Debug θα ξεκινήσει ένας Firefox και ο debugger θα σταματήσει μόλις έρθει η στιγμή να εκτελεστεί php. Πατήστε F7 για να μπει μέσα στο block php κώδικα και μετά F7 ή/και F8 για να προχωρήσετε στην εκτέλεση εντολών, βήμα-βήμα. Μπορείτε να δείτε τους πίνακες της PHP καθώς και τις τιμές των μεταβλητών σας στο κάτω μέρος του παρα- 9/11

θύρου. Δείτε τις πρόσθετες επεξηγήσεις στην παραπάνω εικόνα, συμπεριλαμβανομένου και του πώς σταματάει ο debugger (βασική προϋπόθεση για να γίνει το επόμενο RUN). Εξοικειωθείτε με τα παραπάνω με την απλή αυτή σελίδα ώστε να έχετε ευχέρεια στους χειρισμούς όταν οι κώδικές php γίνουν πιo πολύπλοκοι. Ένας συνήθης τρόπος εργασίας σε δουλειές μεγάλης κλίμακας είναι να δουλεύετε το υπό ανάπτυξη site σας σε κάποιο φάκελο στον υπολογιστή σας και ό,τι θέλετε να το δοκιμάζετε να το αντιγράφετε στον φάκελο του site στον web server. Έτσι υπάρχουν οι έννοιες local files και remote files καθώς και σχετικές ρυθμίσεις που απαιτεί το εκάστοτε περιβάλλον ανάπτυξης web εφαρμογών. Θα πρέπει μετά από όλα τα παραπάνω να αντιλαμβάνεστε πώς ακριβώς είναι οι υποδομές για web development. Σύνοψη Όλα τα παρακάτω βήματα εξηγούνται στις προηγούμενες σελίδες. Τα απολύτως απαραίτητα 1. Κατεβάστε και εγκαταστήστε το XAMP. Εγκαταστήστε το στον φάκελο c:\xampp 2. Ελέγξτε ότι το κύκλωμα Apache-PHP-MySQL του XAMP σας λειτουργεί ΟΚ. 3. Ότι φτιάχνετε θα πρέπει να μπαίνει στο φάκελο c:\xampp\htdocs\. Βάλτε τα αρχεία κάθε εργαστηρίου (και του project) σε δικό τους φάκελο, μέσα στο c:\xampp\htdocs\ 10/11

Για πιο "pro" καταστάσεις (php debugger) 4. Εγκαταστήστε το NetBeans for PHP. Έχει δικιά του PHP και Apache (και θα μπορούσε κάποιος να το χρησιμοποιήσει αντί του XAMP) αλλά για ευελιξία θα το συνδυάσουμε με το XAMP καθώς αυτό το σενάριο θα συναντήσετε στην αγορά εργασίας. 5. Ρυθμίστε το NetBeans να χρησιμοποιεί την PHP του XAMP. 6. Ρυθμίστε σε κάθε νέο NetBeans project τον web server που θα χρησιμοποιεί το NetBeans για να σας δείχνει τι φτιάξατε (θέλουμε τον Apache του XAMP). Για απορίες και οτιδήποτε σχετικό χρησιμοποιήστε το forum του μαθήματος στο eclass. Όχι email! 11/11