Vytvoření dynamické webové aplikace HTML5 a nasazení na vzdáleném webovém serveru pomocí Filezilla


V předchozích dvou článcích této série jsme vysvětlili, jak nastavit Netbeans v distribuci desktopů Linux jako IDE pro vývoj webových aplikací. Poté jsme přidali dvě základní komponenty, jQuery a Bootstrap , aby se vaše stránky staly mobilními a reagujícími.

  1. Install Netbeans and Java to Create a Basic HTML5 Application – Part 1
  2. Creating Mobile-Friendly and Responsive Web Application Using jQuery and Bootstrap – Part 2

Vzhledem k tomu, že se zřídka zabýváte statickým obsahem jako vývojářem, přidáme nyní na základní stránku, kterou jsme vytvořili v části Část 2 , dynamickou funkčnost. Abychom mohli začít, pojmenujme předpoklady a oslovíme je, než se pohneme kupředu.

Abychom mohli otestovat dynamickou aplikaci v našem vývojovém stroji před nasazením na server LAMP, budeme muset nainstalovat některé balíčky. Vzhledem k tomu, že k zápisu této série používáme Ubuntu 14.04 pracovní plochu, předpokládáme, že váš uživatelský účet již byl přidán do souboru sudoers a byla mu poskytnuta potřebná oprávnění.

Instalace balíčků a konfigurace přístupu k serveru DB

Vezměte prosím na vědomí, že během instalace můžete být vyzváni k zadání hesla pro kořenového uživatele MySQL. Ujistěte se, že jste vybrali silné heslo a pak pokračujte.

Ubuntu a deriváty (také pro další distribuce založené 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

Po dokončení instalace se důrazně doporučuje spustit mysql_secure_installation , abyste překvapivě zabezpečili databázový server. Budete vyzváni k zadání následujících informací:

  1. Change the root password? [Y/n]. If you already set a password for the MySQL root user, you can skip this step.
  2. Remove anonymous users? [Y/n] y.
  3. Disallow root login remotely? [Y/n] y (Since this is your local development environment, you will not need to connect to your DB server remotely).
  4. Remove test database and access to it? [Y/n] y
  5. Reload privilege tables now? [Y/n] y.

Vytvoření ukázkové databáze a načítání dat testu

Chcete-li vytvořit ukázkovou databázi a načíst některá testovací data, přihlaste se k serveru DB:

$ sudo mysql -u root -p

Budete vyzváni k zadání hesla pro kořenového uživatele MySQL.

Na výzvu MySQL zadejte

CREATE DATABASE tecmint_db;

a stiskněte Enter :

Vytvořme nyní tabulku:

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

a naplnit jej ukázkovými daty:

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

Přidání symbolických odkazů v adresáři webového serveru

Protože ve výchozím nastavení Netbeans ukládá projekty do domovského adresáře aktuálního uživatele, budete muset přidat symbolické odkazy, které odkazují na toto místo. Například,

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

přidá měkký odkaz nazvaný TecmintTest , který ukazuje na /home/gabriel/NetBeansProjects/TecmintTest/public_html .

Z tohoto důvodu, když přejdete prohlížečem na adresu http:/localhost/TecmintTest/, uvidíte aplikaci, kterou jsme vytvořili v části Část 2 :

Nastavení vzdáleného FTP a webového serveru

Vzhledem k tomu, že můžete snadno nastavit FTP a webový server podle pokynů uvedených v části 9 - Instalace a konfigurace zabezpečeného FTP a webového serveru řady RHCSA v Tecmintu, neopakujte je zde. Než budete pokračovat, přečtěte si prosím tuto příručku.