Creazione di un'applicazione Web HTML5 dinamica e distribuzione su server Web remoto mediante Filezilla


Nei due articoli precedenti di questa serie, abbiamo spiegato come configurare Netbeans in una distribuzione desktop Linux come IDE per sviluppare applicazioni Web. Abbiamo quindi aggiunto due componenti principali, jQuery e Bootstrap , per rendere le tue pagine ottimizzate per i dispositivi mobili e reattive.

  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

Poiché raramente gestirai contenuti statici come sviluppatori, aggiungeremo funzionalità dinamiche alla pagina di base che abbiamo configurato in Parte 2 . Per iniziare, elenciamo i prerequisiti e li affrontiamo prima di andare avanti.

Per testare un'applicazione dinamica nella nostra macchina di sviluppo prima di distribuirla su un server LAMP, sarà necessario installare alcuni pacchetti. Poiché utilizziamo un desktop Ubuntu 14.04 per scrivere questa serie, presumiamo che il tuo account utente sia già stato aggiunto al file sudoers e abbia ottenuto le autorizzazioni necessarie.

Installazione dei pacchetti e configurazione dell'accesso al server DB

Si noti che durante l'installazione potrebbe essere richiesto di immettere una password per l'utente root MySQL. Assicurati di scegliere una password sicura e poi continua.

Ubuntu e derivati ​​(anche per altre distribuzioni basate su Debian ):

$ 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

Quando l'installazione è completa, si consiglia vivamente di eseguire mysql_secure_installation per proteggere, non sorprendentemente, il server del database. Ti verranno chieste le seguenti informazioni:

  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.

Creazione di un database di esempio e caricamento dei dati di test

Per creare un database di esempio e caricare alcuni dati di test, accedere al server DB:

$ sudo mysql -u root -p

Ti verrà richiesto di inserire la password per l'utente root di MySQL.

Al prompt di MySQL, digitare

CREATE DATABASE tecmint_db;

e premi Invio :

Ora creiamo un tavolo:

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

e popolarlo con dati di esempio:

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

Aggiunta di collegamenti simbolici nella directory del server Web

Poiché Netbeans , per impostazione predefinita, memorizza i progetti nella home directory dell'utente corrente, sarà necessario aggiungere collegamenti simbolici che puntano a tale posizione. Per esempio,

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

aggiungerà un collegamento software chiamato TecmintTest che punta a /home/gabriel/NetBeansProjects/TecmintTest/public_html .

Per questo motivo, quando indicherai il tuo browser su http:/localhost/TecmintTest/, vedrai effettivamente l'applicazione che abbiamo configurato in Parte 2 :

Configurazione di un server FTP e Web remoto

Dal momento che puoi facilmente configurare un server FTP e con le istruzioni fornite nella Parte 9 - Installa e configura Secure FTP e Web Server della serie RHCSA in Tecmint, faremo non li ripeto qui. Si prega di fare riferimento a questa guida prima di procedere ulteriormente.