Creación de una aplicación web HTML5 dinámica e implementación en un servidor web remoto con Filezilla

Creación de una aplicación web HTML5 dinámica e implementación en un servidor web remoto con Filezilla

En los dos artículos anteriores de esta serie, explicamos cómo configurar Netbeans. en una distribución de escritorio de Linux como un IDE para desarrollar aplicaciones web. Luego procedimos a agregar dos componentes principales, jQuery. y Bootstrap. para que sus páginas sean amigables para dispositivos móviles y receptivas.

 Cree aplicaciones HTML5 e impleméntelas en la Web Servidor  Cree aplicaciones HTML5 a nd Implementar en el servidor web Crear aplicaciones HTML5 e implementarlas en el servidor web-Parte 3

  1. Instalar Netbeans y Java para crear una aplicación HTML5 básica-Parte 1
  2. Creación de una aplicación web receptiva y amigable para dispositivos móviles usando jQuery y Bootstrap-Parte 2

Como rara vez tratará con contenido estático como desarrollador, ahora agregaremos funcionalidad dinámica a la página básica que configuramos en la Parte 2. Para comenzar, enumeremos los requisitos previos y los abordaremos antes de seguir adelante.

Requisitos previos

Para probar una aplicación dinámica en nuestra máquina de desarrollo antes de implementarla en un servidor LAMP, necesitaremos instalar algunos paquetes. Dado que estamos usando un escritorio Ubuntu 14.04. para escribir esta serie, asumimos que su cuenta de usuario ya se agregó al archivo sudoers. y se le otorgaron los permisos necesarios.

Instalación de paquetes y configuración de acceso al servidor de base de datos

Tenga en cuenta que durante la instalación es posible que se le solicite que ingrese una contraseña para el usuario root de MySQL. Asegúrese de elegir una contraseña segura y luego continúe.

Ubuntu. y derivados (también para otras distribuciones basadas en Debian. :

$ sudo aptitude update && sudo aptitude install apache2 php5 php5-common php5-myqsql mysql mysql-server filezilla freestar.config.enabled_slots.push

Fedora. CentOS. RHEL.

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

Cuando se complete la instalación, se recomienda encarecidamente que ejecute mysql_secure_installation para, como es lógico, asegurar su servidor de base de datos. Se le pedirá la siguiente información:

  1. ¿Cambiar la contraseña de root? [S/n]. Si ya estableció una contraseña para el usuario raíz de MySQL, puede omitir este paso.
  2. ¿Eliminar usuarios anónimos?. [Y/n] y.
  3. ¿Deshabilitar el inicio de sesión de root de forma remota?. [Y/n] y. (dado que este es su entorno de desarrollo local, no necesitará conectarse a su base de datos servidor de forma remota).
  4. ¿Eliminar la base de datos de prueba y acceder a ella?. [Y/n] y
  5. Volver a cargar tablas de privilegios ahora?. [S/n] s.

Crear una base de datos de muestra y cargar datos de prueba

Para crear una base de datos de muestra y cargue algunos datos de prueba, inicie sesión en su servidor de base de datos:

$ sudo mysql-u root-p

Se le pedirá que ingrese la contraseña para el usuario root de MySQL.

En el indicador de MySQL, escriba

CREATE DATABASE tecmint_db;

y presione Enter.

 Crear base de datos MySQL  Crear base de datos MySQL Crear base de datos MySQL

Ahora creemos un mesa:

USE tecmint_db; CREATE TABLE articles_tbl (Id INT NOT NULL AUTO_INCREMENT, Título VARCHAR (100) NOT NULL, Autor VARCHAR (40) NOT NULL, SubmissionDate TIMESTAMP DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (Id));  Crear tabla de base de datos  Crear tabla de base de datos Crear tabla de base de datos

y completarla con datos de muestra:

INSERT INTO articles_tbl (Título, Autor) VALUES (‘ Instalando Filezilla en CentOS 7 ‘,’ Gabriel Canepa ‘), (‘ Cómo configurar un servidor LAMP en Debian ‘,’ Dave Null ‘), (‘ Habilitando el repositorio EPEL en CentOS 6 ‘,’ John Doe ‘);  Populate Database Table  Completar tabla de base de datos Completar tabla de base de datos

Agregar enlaces simbólicos en el directorio del servidor web

Dado que Netbeans. de forma predeterminada, almacena proyectos en el directorio de inicio del usuario actual, deberá agregar enlaces simbólicos que apunten a esa ubicación. Por ejemplo,

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

agregará un enlace suave llamado TecmintTest. que apunta a /home/gabriel/NetBeansProjects/TecmintTest/public_html.

Por esa razón, cuando apuntas tu navegador a http://localhost/TecmintTest/, verá la aplicación que configuramos en la Parte 2.

 Aplicación HTML5  Aplicación HTML5 Aplicación HTML5

Configuración de una servidor web y FTP remoto

Dado que puede configurar fácilmente un FTP. y un servidor web. con las instrucciones proporcionadas en la Parte 9-Instalar y configurar Secure FTP y Web Server de la serie RHCSA en Tecmint, no las repetiremos aquí. Consulte esa guía antes de continuar.