Izrada dinamičke HTML5 web aplikacije i postavljanje na udaljeni web poslužitelj pomoću Filezille

U prethodna dva članka ove serije objasnili smo kako postaviti Netbeans u Linux desktop distribuciju kao IDE za razvoj web aplikacija. Zatim smo dodali dvije ključne komponente, jQuery i Bootstrap, kako bismo vaše stranice učinili prilagodljivima mobilnim uređajima i prilagodljivima.

  1. Instalirajte Netbeans i Javu za stvaranje osnovne HTML5 aplikacije - 1. dio
  2. Stvaranje mobilnih aplikacija i reaktivnih web aplikacija pomoću jQueryja i Bootstrapa - 2. dio

Kako ćete se rijetko baviti statičkim sadržajem kao programer, sada ćemo dodati dinamičku funkcionalnost osnovnoj stranici koju smo postavili u 2. dijelu. Za početak navedimo preduvjete i obratimo im se prije kretanja naprijed.

Da bismo testirali dinamičku aplikaciju u našem razvojnom stroju prije nego što je postavimo na LAMP poslužitelj, morat ćemo instalirati neke pakete. Budući da za pisanje ove serije koristimo radnu površinu Ubuntu 14.04, pretpostavljamo da je vaš korisnički račun već dodan u datoteku sudoers i da su mu dodijeljena potrebna dopuštenja.

Instaliranje paketa i konfiguriranje pristupa DB poslužitelju

Napominjemo da će se tijekom instalacije od vas zatražiti da unesete lozinku za korijenskog korisnika MySQL-a. Svakako odaberite snažnu lozinku, a zatim nastavite.

Ubuntu i derivati (također za ostale distribucije temeljene na Debianu):

$ sudo aptitude update && sudo aptitude install apache2 php5 php5-common php5-myqsql mysql mysql-server filezilla

Fedora/CentOS/RHEL:

$ sudo yum update && sudo yum install httpd php php-common php-mysql mysql mysql-server filezilla

Kad je instalacija dovršena, toplo se preporučuje da pokrenete mysql_secure_installation da biste, što nije iznenađujuće, osigurali poslužitelj baze podataka. Od vas će se zatražiti sljedeće informacije:

  1. Promijeniti root lozinku? [D/n]. Ako ste već postavili lozinku za korijenskog korisnika MySQL-a, možete preskočiti ovaj korak.
  2. Ukloniti anonimne korisnike? [G/n] g.
  3. Želite li daljinski onemogućiti prijavu za root? [Y/n] y (Budući da je ovo vaše lokalno razvojno okruženje, nećete se trebati daljinski povezivati sa svojim DB poslužiteljem).
  4. Ukloniti testnu bazu podataka i pristup njoj? [D/n] g
  5. Želite li sada ponovo učitati tablice privilegija? [G/n] g.

Stvaranje uzorka baze podataka i učitavanje podataka testa

Da biste stvorili uzorak baze podataka i učitali neke test podatke, prijavite se na svoj DB poslužitelj:

$ sudo mysql -u root -p

Od vas će se zatražiti da unesete lozinku za korijenskog korisnika MySQL-a.

U upitu MySQL upišite

CREATE DATABASE tecmint_db;

i pritisnite Enter:

Sada kreirajmo tablicu:

USE tecmint_db;
CREATE TABLE articles_tbl(
   Id INT NOT NULL AUTO_INCREMENT,
   Title VARCHAR(100) NOT NULL,
   Author VARCHAR(40) NOT NULL,
   SubmissionDate TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
   PRIMARY KEY ( Id )
);

i popunite ga uzorcima podataka:

INSERT INTO articles_tbl (Title, Author) VALUES ('Installing Filezilla in CentOS 7', 'Gabriel Canepa'), ('How to set up a LAMP server in Debian', 'Dave Null'), ('Enabling EPEL repository in CentOS 6', 'John Doe');

Dodavanje simboličkih poveznica u direktorij web poslužitelja

Budući da Netbeans prema zadanim postavkama pohranjuje projekte u početni direktorij trenutnog korisnika, morat ćete dodati simboličke poveznice koje vode na to mjesto. Na primjer,

$ sudo ln -s /home/gabriel/NetBeansProjects/TecmintTest/public_html /var/www/html/TecmintTest

dodati će meku vezu nazvanu TecmintTest koja upućuje na/home/gabriel/NetBeansProjects/TecmintTest/public_html.

Iz tog razloga, kada usmjerite svoj preglednik na http:// localhost/TecmintTest /, zapravo ćete vidjeti aplikaciju koju smo postavili u 2. dijelu:

Postavljanje udaljenog FTP-a i web poslužitelja

Budući da možete lako postaviti FTP i web poslužitelj s uputama u dijelu 9 - Instaliranje i konfiguriranje sigurnog FTP-a i web poslužitelja serije RHCSA u Tecmintu, ovdje ih nećemo ponavljati. Molimo pogledajte ovaj vodič prije nego što nastavite dalje.