Oprettelse af et dynamisk HTML5-webapplikation og implementering på ekstern webserver ved hjælp af Filezilla

I de to foregående artikler i denne serie forklarede vi, hvordan man opsætter Netbeans i en Linux desktop-distribution som en IDE til at udvikle webapplikationer. Vi fortsatte derefter med at tilføje to kernekomponenter, jQuery og Bootstrap, for at gøre dine sider mobilvenlige og lydhøre.

  1. Installer Netbeans og Java for at oprette en grundlæggende HTML5-applikation - del 1
  2. Oprettelse af mobilvenlig og responsiv webapplikation ved hjælp af jQuery og Bootstrap - del 2

Da du sjældent vil beskæftige dig med statisk indhold som udvikler, tilføjer vi nu dynamisk funktionalitet til den grundlæggende side, som vi oprettede i del 2. Lad os begynde med at liste forudsætningerne og adressere dem, inden vi går videre.

For at teste en dynamisk applikation i vores udviklingsmaskine, inden vi distribuerer den til en LAMP-server, skal vi installere nogle pakker. Da vi bruger et Ubuntu 14.04-skrivebord til at skrive denne serie, antager vi, at din brugerkonto allerede er blevet føjet til sudoers-filen og tildelt de nødvendige tilladelser.

Installation af pakker og konfiguration af adgang til DB Server

Bemærk, at du under installationen muligvis bliver bedt om at indtaste en adgangskode til MySQL-rootbrugeren. Sørg for at vælge en stærk adgangskode, og fortsæt derefter.

Ubuntu og derivater (også til andre Debian-baserede distributioner):

$ 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

Når installationen er gennemført, anbefales det kraftigt, at du kører mysql_secure_installation for ikke overraskende at sikre din databaseserver. Du bliver bedt om at få følgende oplysninger:

  1. Skift rodadgangskoden? [Y/n]. Hvis du allerede har angivet en adgangskode til MySQL-rodbrugeren, kan du springe dette trin over.
  2. Fjern anonyme brugere? [Y/n] y.
  3. Vil du ikke tillade root-login eksternt? [Y/n] y (Da dette er dit lokale udviklingsmiljø, behøver du ikke oprette forbindelse til din DB-server eksternt).
  4. Fjern testdatabase og adgang til den? [Y/n] y
  5. Genindlæs rettighedstabeller nu? [Y/n] y.

Oprettelse af en eksempeldatabase og indlæsning af testdata

For at oprette en eksempeldatabase og indlæse nogle testdata skal du logge på din DB-server:

$ sudo mysql -u root -p

Du bliver bedt om at indtaste adgangskoden til MySQL-rodbrugeren.

Skriv ved MySQL-prompten

CREATE DATABASE tecmint_db;

og tryk på Enter:

Lad os nu oprette en tabel:

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 )
);

og udfyld det med eksempeldata:

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');

Tilføjelse af symbolske links i webserverbiblioteket

Da Netbeans som standard gemmer projekter i den aktuelle brugers hjemmekatalog, skal du tilføje symbolske links, der peger på denne placering. For eksempel,

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

tilføjer et softlink kaldet TecmintTest, der peger på/home/gabriel/NetBeansProjects/TecmintTest/public_html.

Af den grund, når du peger din browser på http:/localhost/TecmintTest /, vil du faktisk se applikationen, som vi oprettede i del 2:

Opsætning af en ekstern FTP og webserver

Da du nemt kan oprette en FTP- og webserver med instruktionerne i del 9 - Installer og konfigurer Sikker FTP og webserver i RHCSA-serien i Tecmint, gentager vi dem ikke her. Se denne vejledning, inden du fortsætter videre.