Fundador de ConfiguroWeb, Experto en Desarrollo Web, en tecnologías como PHP, MySQL, Javascript antes consultor en Marketing Digital, Social Media, SEO, Bloguero de Vocación con más de 10 años de experiencia y un historial de más de 300 clientes satisfechos en Europa y América.
Este Sistema de Subida de Archivos en PHP y MySQL, permite subir archivos en un entorno web, por medio de un muy sencillo formulario donde se adjunta el archivo, se le pone un nombre y se envía.
El sistema muestra en una tabla los archivos subidos, puedes ver los archivos y descargarlos. Estos archivos son subidos a la carpeta upload.
Este sistema fue desarrollado en CodeIgniter un framework en PHP, bastante sencillo en su ejecución y robusto a su vez en su alcance, su implementación puede ser un poco más compleja que los desarrollos habituales que se suben en este blog post.
Video Explicativo
Puesta a punto del Sistema de Subida de Archivos en PHP y MySQL en un Servidor Local
Para realizar el proceso de la puesta a punto del Sistema de Subida de Archivos en PHP y MySQL es necesario que descargues he instales con todos los parámetros por defecto las siguientes aplicaciones:
Es un manejador de paquetes como NPM, pero en este caso es específico de PHP, este manejador de paquete muestra una forma escalable y organizada de administrar, descargar e instalar las dependencias y librerías que requieras para tu proyecto. Para la puesta a punto de la aplicación del sistema de subida de archivos en PHP y MySQL requieres instalar composer, en el vídeo a continuación muestro el proceso tanto de la instalación de Laravel como Composer en XAMPP.
Instalación Laravel en Windows con XAMPP y Composer
Descarga del proyecto de GitHub
El proyecto se encuentra alojado en el siguiente enlace:
Posterior a la descarga he instalación de las aplicaciones solicitadas anteriormente, desde Visual Studio Code, te vas a la siguiente ubicación:
C:\xampp\htdocs
Ya en esta carpeta, dentro de Visual Studio Code, pulsas la opción View y luego Terminal, y en la ventana que te aparece en la parte inferior, escribes el siguiente código y presionas Enter:
Dentro de la carpeta htdocs se creará una nueva carpeta llamada subida-archivos, y allí quedará el proyecto ya ingresado, lo que queda es, desde Visual Studio Code, acceder a esta carpeta desde la opción de Open Folder y acceder a subida-archivos, de esta manera tendrás los archivos de la aplicación para modificarlos a voluntad.
Ejecución de composer en el proyecto ya descargado
Para realizar este proceso desde consola escribes el siguiente comando y presionas enter, si realizaste la instalación previamente de Composer no tendrás ningún inconveniente:
composer install
Creación he Importación de la base de datos del Sistema de Subida de Archivos en PHP y MySQL
En este punto te queda abrir XAMPP, elegir un idioma entre inglés y alemán, y activar los servicios de Apache, el servidor PHP y MySQL el gestor de la base de datos.
Después de activar estos servicios, debes acceder a la siguiente URL:
http://localhost/phpmyadmin/index.php
Para que la aplicación te funcione correctamente, desde phpmyadmin, debes crear la base de datos con el nombre subida-archivos, posteriormente debes acceder al apartado SQL y pegar el código que se encuentra en el siguiente enlace:
Si realizaste los procesos como fueron indicados en esta publicación sin cambiar ningún parámetro el sistema te debe funcionar correctamente en la siguiente URL:
http://localhost/subida-archivos/public/
Consideraciones importantes al subir el Sistema de Subida de Archivos en PHP y MySQL a un hosting en Internet
El archivo a modificar con las credenciales de la base de datos es el .env, desde la línea 42 hasta la 47, en este apartado se debe poner el nombre de usuario, la contraseña y nombre de la base de datos.
En adición la URL final del proyecto, se debe poner tal como va a quedar en el siguiente documento App/Config/App.php en la línea 27.
Por último para modificar la vista del usuario, la página tal como se ve, lo puedes hacer desde el archivo llamado home.php dentro de la carpeta Views, en esta instancia puedes modificar lo que ve el usuario final.
Si tienes dudas adicionales sobre el proceso puedes ver el siguiente tutorial donde explico como lograr subir una aplicaciòn PHP a un hosting:
Subir pagina con PHP + Base de datos (MYSQL) a un Hosting
Este aplicación totalmente gratuita es un Sistema Generador de Facturas en Python, su implementación es bastante sencilla y práctica, podría servir para implementarse en un sistema más complejo, con Django.
Este software desarrollado en Python incluye una base de datos en SQLITE3, desde donde se proporcionan los datos de los productos y los datos de quien realiza la venta.
En este software realizas la elección del producto, el sistema te lleva a un formulario sencillo donde ingresas la información de cliente y el monto con el que vas a realizar el pago. Posterior a esto le das enviar y te aparece una tabla con la información de la factura.
En el apartado de factura hay un botón que dice generar PDF, de ese modo se imprime la factura. Este software es fácil de parametrizar desde SQLITE3, la siguiente es la estructura de la base de datos:
CREATE TABLE IF NOT EXISTS "django_migrations" ("id" integer NOT NULL PRIMARY KEY AUTOINCREMENT, "app" varchar(255) NOT NULL, "name" varchar(255) NOT NULL,
"applied" datetime NOT NULL);
CREATE TABLE sqlite_sequence(name,seq);
CREATE TABLE IF NOT EXISTS "auth_group_permissions"
("id" integer NOT NULL PRIMARY KEY AUTOINCREMENT, "group_id" integer NOT NULL REFERENCES "auth_group" ("id") DEFERRABLE INITIALLY DEFERRED, "permission_id"
integer NOT NULL REFERENCES "auth_permission" ("id") DEFERRABLE INITIALLY DEFERRED);
CREATE TABLE IF NOT EXISTS "auth_user_groups" ("id"
integer NOT NULL PRIMARY KEY AUTOINCREMENT, "user_id" integer NOT NULL REFERENCES "auth_user" ("id") DEFERRABLE INITIALLY DEFERRED, "group_id" integer NOT NULL REFERENCES "auth_group" ("id") DEFERRABLE INITIALLY DEFERRED);
CREATE TABLE IF NOT EXISTS "auth_user_user_permissions" ("id" integer NOT NULL PRIMARY KEY AUTOINCREMENT, "user_id" integer NOT NULL REFERENCES "auth_user"
("id") DEFERRABLE INITIALLY DEFERRED, "permission_id" integer NOT NULL REFERENCES "auth_permission" ("id") DEFERRABLE INITIALLY DEFERRED);
CREATE UNIQUE INDEX "auth_group_permissions_group_id_permission_id_0cd325b0_uniq" ON "auth_group_permissions" ("group_id", "permission_id");
CREATE INDEX "auth_group_permissions_group_id_b120cbf9" ON "auth_group_permissions" ("group_id");
CREATE INDEX "auth_group_permissions_permission_id_84c5c92e" ON "auth_group_permissions" ("permission_id");
CREATE UNIQUE INDEX "auth_user_groups_user_id_group_id_94350c0c_uniq" ON "auth_user_groups" ("user_id",
"group_id");
CREATE INDEX "auth_user_groups_user_id_6a12ed8b" ON
"auth_user_groups" ("user_id");
CREATE INDEX "auth_user_groups_group_id_97559544" ON "auth_user_groups" ("group_id");
CREATE UNIQUE INDEX "auth_user_user_permissions_user_id_permission_id_14a6b632_uniq" ON "auth_user_user_permissions" ("user_id", "permission_id");
CREATE INDEX "auth_user_user_permissions_user_id_a95ead1b" ON "auth_user_user_permissions" ("user_id");
CREATE INDEX "auth_user_user_permissions_permission_id_1fbb5f2c" ON "auth_user_user_permissions" ("permission_id");
CREATE TABLE IF NOT EXISTS "django_admin_log" ("id"
integer NOT NULL PRIMARY KEY AUTOINCREMENT, "action_time" datetime NOT NULL, "object_id" text NULL, "object_repr" varchar(200) NOT NULL, "change_message" text NOT NULL, "content_type_id" integer NULL REFERENCES "django_content_type" ("id") DEFERRABLE INITIALLY DEFERRED, "user_id" integer NOT NULL REFERENCES "auth_user" ("id") DEFERRABLE INITIALLY DEFERRED, "action_flag" smallint unsigned NOT NULL CHECK ("action_flag" >= 0));
CREATE INDEX "django_admin_log_content_type_id_c4bce8eb" ON "django_admin_log" ("content_type_id");
CREATE INDEX "django_admin_log_user_id_c564eba6" ON
"django_admin_log" ("user_id");
CREATE TABLE IF NOT EXISTS "django_content_type" ("id" integer NOT NULL PRIMARY KEY AUTOINCREMENT, "app_label" varchar(100) NOT NULL, "model" varchar(100) NOT NULL);
CREATE UNIQUE INDEX "django_content_type_app_label_model_76bd3d3b_uniq" ON "django_content_type" ("app_label", "model");
CREATE TABLE IF NOT EXISTS "auth_permission" ("id" integer NOT NULL PRIMARY KEY AUTOINCREMENT, "content_type_id" integer NOT NULL REFERENCES "django_content_type" ("id") DEFERRABLE INITIALLY DEFERRED, "codename" varchar(100) NOT NULL, "name" varchar(255) NOT NULL);
CREATE UNIQUE INDEX "auth_permission_content_type_id_codename_01ab375a_uniq" ON "auth_permission" ("content_type_id", "codename");
CREATE INDEX "auth_permission_content_type_id_2f476e4b" ON "auth_permission" ("content_type_id");
CREATE TABLE IF NOT EXISTS "auth_group" ("id" integer NOT NULL PRIMARY KEY AUTOINCREMENT, "name" varchar(150) NOT NULL UNIQUE);
CREATE TABLE IF NOT EXISTS "django_session" ("session_key" varchar(40) NOT NULL PRIMARY KEY, "session_data" text NOT NULL, "expire_date" datetime NOT NULL);
CREATE INDEX "django_session_expire_date_a5c62663" ON "django_session" ("expire_date");
CREATE TABLE IF NOT EXISTS "app_producat" ("id" integer NOT NULL PRIMARY KEY AUTOINCREMENT, "name" varchar(100) NOT NULL, "dis" text NOT NULL, "price" varchar(100) NOT NULL, "img" varchar(100) NOT NULL);
CREATE TABLE IF NOT EXISTS "auth_user" ("id" integer NOT NULL PRIMARY KEY AUTOINCREMENT, "password" varchar(128) NOT NULL, "last_login" datetime NULL, "is_superuser" bool NOT NULL, "username" varchar(150) NOT NULL UNIQUE, "last_name" varchar(150) NOT NULL, "email" varchar(254) NOT NULL, "is_staff" bool NOT NULL, "is_active" bool NOT NULL, "date_joined" datetime
NOT NULL, "first_name" varchar(150) NOT NULL);
CREATE TABLE IF NOT EXISTS "app_buyer" ("id" integer NOT NULL PRIMARY KEY AUTOINCREMENT, "name" varchar(50) NOT NULL, "address" varchar(150) NOT NULL, "phone" integer NOT NULL, "purchase_date" date NOT NULL);
CREATE TABLE IF NOT EXISTS "app_seller" ("id" integer NOT NULL PRIMARY KEY AUTOINCREMENT, "name" varchar(50) NOT NULL, "address" varchar(150) NOT NULL, "phone" integer NOT NULL, "date" date NOT NULL);
Video Explicativo
Sistema Generador de Facturas en Python
Puesta a Punto del Sistema Generador de Facturas en Python en un Servidor Local
Es muy importante instalar Python en tu ordenador, se recomienda que Python se incluya en la PATH de Windows, para poderlo ejecutar desde cualquier ubicación.
En el siguiente vídeo se explica el proceso si tienes cualquier duda, te puedes apoyar en el siguiente vídeo:
Instalación de Python
Visual Studio Code lo puedes descargar en el siguiente enlace:
Git es un gestor de repositorios con el que se puede trabajar de manera avanzada con nuestro proceso de desarrollo, por este motivo se recomienda la instalación Git para adelantar el proceso de la puesta a punto de la aplicación en un servidor local.
Descarga del Sistema Generador de Facturas en Python de GitHub
La aplicación es de libre distribución y la puedes descargar en el siguiente enlace:
Con la instalación de las aplicaciones listadas anteriormente, Python, VS Code y Git, primero se debe abrir VS Code y ubicarte donde quieras descargar el proyecto. Posteriormente en Visual Studio Code, presionas, View y luego Terminal, confirma que la consola que te abra sea la de Git Bash la nativa de Git, te debe aparecer letras en color.
Posterior a pulsar en View y Terminal, copia y pega el siguiente código para que descargues el proyecto:
Se creará una nueva carpeta en la ubicación que hayas elegido con el nombre factura-python y dentro de esta carpeta estará ya el proyecto.
Ejecución de la aplicación en tu servidor local
Después de que el proyecto se descargue ya no necesitarás Git Bash, cambia la consola por Command Prompt y desde ahí ejecuta el siguiente comando:
pip install -r requirements.txt
Con este script se instalarán todas la aplicaciones que requiere el Sistema Generador de Facturas en Python con Django para funcionar correctamente y son las siguientes:
Si falla este proceso, si lanza un error puede ser por las versiones, lo que debes hacer es instalar aplicación por aplicación con pip install y el nombre por ejemplo Django, el comando sería al siguiente:
pip install Django
El sistema instalará en el proyecto la última versión de Django, muy probablemente sin problemas de compatibilidad.
Después de que hayas hecho este proceso exitosamente, debes ejecutar el archivo manage.py y ejecutar la opción runserver, el comando es el siguiente:
python manage.py runserver
En este punto en la siguiente dirección web estará funcionando la aplicación sin inconvenientes:
http://127.0.0.1:8000/
Si requieres hacer algún cambio en esta aplicación, subirla a un host, o necesitas una aplicación a medida, me puedes contactar en el siguiente enlace de Whatsapp:
Este Sistema de Inicio de Sesión y Registro en PHP y MySQL le permite al usuario acceder al usuario validando su correo electrónico y contraseña.
La aplicación incluye un sistema de verificación, enviado correo electrónico con código de validación.
El usuario tiene estado verificado y usuario no verificado, si el usuario no ha sido verificado, al acceder, se le pide que ingrese un código de verificación, que se envía al correo electrónico ingresado.
El software incluye la opción de encripción con la función password_hash en adición se le ingresa un código numérico aleatorio a la contraseña encriptada, reforzando la seguridad de la aplicación.
Puesta a Punto del Sistema de Inicio de Sesión y Registro en PHP y MySQL
La aplicación es totalmente gratuita, se comparte el código plenamente, como es habitual con el código de la base de datos incluido en el post
Aplicaciones Previas
Para realizar la instalación de la aplicación en un servidor local, te recomiendo la instalación previa de las siguiente aplicaciones:
Sistema de Inicio de Sesión y Registro en PHP y MySQL
Configuración del Sistema de Inicio de Sesión y Registro en PHP y MySQL para su funcionamiento en tu ordenador
Debes instalar las aplicaciones mencionadas, con todos los parámetros por defecto, posterior a este procedimiento, desde Visual Studio Code, debes abrir la siguiente ubicación:
C:\xampp\htdocs
Desde esta ubicación en Visual Studio Code, pulsas View, Terminal. Dentro del Terminal eliges la opción de Git Bash y copias el siguiente código:
Se creará la carpeta login-registro, dentro de la carpeta htdocs. A continuación deber abrir XAMPP en tu ordenador, activar los servicios de Apache y MySQL, y acceder a la siguiente URL, para crear la base de datos tienda-correo:
http://localhost/phpmyadmin/index.php
Base de Datos del Sistema de Inicio de Sesión y Registro
Para que la aplicación te funcione correctamente, desde phpmyadmin, debes crear la base de datos con el nombre login-registro, posteriormente debes acceder al apartado SQL y pegar el código que se encuentra en el siguiente enlace:
Este Sistema de Calificaciones Gratuito en PHP y MySQL permite gestionar facilmente las notas de todos los estudiantes de diferentes años y sus materias respectivas.
Los usuarios de perfil estudiantes pueden hacer las validaciones de los resultados de sus calificaciones, con su id roll, su número de matrícula y especificando el año en el que estan inscritos.
La aplicación viene con una landing page, que podría agregar valor a la página institucional, con unos leves cambios le puede quedar a un colegio toda un página donde también mostrar información básica.
Las credenciales de acceso administrativo son las siguientes:
correo: hola@configuroweb.com
contraseña: 1234abcd..
La contraseña de la base de datos está encriptada en md5 así que no quedará expuesta para quien por algún motivo pueda acceder sin autorización al gestor de la base de datos.
Video Explicativo
Sistema de Calificaciones Gratuito en PHP y MySQL
Puesta a punto del Sistema de Calificaciones Gratuito en PHP y MySQL en un servidor local
Aplicaciones Previas
Para realizar la instalación de la aplicación en un servidor local, te recomiendo la instalación previa de las siguiente aplicaciones:
Configuración del Sistema de Calificaciones Gratuito en PHP y MySQL para su funcionamiento en tu ordenador
Debes instalar las aplicaciones mencionadas, con todos los parámetros por defecto, posterior a este procedimiento, desde Visual Studio Code, debes abrir la siguiente ubicación:
C:\xampp\htdocs
Desde esta ubicación en Visual Studio Code, pulsas View, Terminal. Dentro del Terminal eliges la opción de Git Bash y copias el siguiente código:
Se creará la carpeta resultados-estudiante, dentro de la carpeta htdocs. A continuación deber abrir XAMPP en tu ordenador, activar los servicios de Apache y MySQL, y acceder a la siguiente URL, para crear la base de datos tienda-correo:
http://localhost/phpmyadmin/index.php
Base de Datos del Sistema de Calificaciones Gratuito
Para que la aplicación te funcione correctamente, desde phpmyadmin, debes crear la base de datos con el nombre resultados-estudiante, posteriormente debes acceder al apartado SQL y pegar el código que se encuentra en el siguiente enlace:
Día a día estaré generando nuevas publicaciones hasta completar al menos los 100 Efectos HTML CSS y Javascript a continuación se muestras las diferentes plantillas con su explicación de funcionamiento en vídeo y los enlaces de descarga y demos relacionados.
Efecto Video en Texto con CSS
Efecto Video en Texto con CSS
Enlace de descarga del repositorio Efecto Video en Texto con CSS
Este Sistema de Recursos Humanos en PHP y MySQL permite ingresar la información de los empleados, sus cargos así como el control de sus permisos de inasistencia, ya sea por permisos casuales o por enfermedad.
La aplicación cuenta con un apartado donde el empleado puede ingresar y pedir sus respectivos permisos de ausencia.
El usuario administrativo puede crear la ubicación geográfica donde se encuentran los empleados, incluyen desde País, Departamento, Ciudad, se puede modificar fácilmente Departamento por Estado, para estar acorde a las configuraciones de Paises como Mexico.
Vídeo Explicativo
Sistema de Recursos Humanos en PHP y MySQL
Anteriormente publiqué en este blog un Sistema de Gestión de Ausencias que también te podría interesar, puedes verlo en el siguiente enlace:
La aplicación tiene un coste de 15 USD, no es gratuita, el código de la aplicación se encuentra en colgado en GitHub, sin embargo para su implementación requerirás la base de datos que es la que te proveo a cambio de un importe por PayPal.
Compra de la Aplicación
Para que la aplicación te funcione tanto en un servidor local como en un hosting, requeriras el archivo SQL que contiene la base de datos, las tablas y la lógica que se requiere para el login y se puedan gestionar los procesos de la aplicación, este sistema tiene un costo de 15 USD y lo puedes comprar por medio del siguiente enlace:
Pago vía Global66
Países válidos Argentina, Chile, Colombia, México y Perú.
Si resides en Colombia me puedes hacer el pago por Nequi, por un enlace PSE de Uala o desde fuera por Western Union, cualquier duda me puedes escribir a mi Whatsapp.
Puesta a punto de la aplicación en un Servidor Local
Para realizar el proceso de la puesta a punto del Sistema de Recursos Humanos en PHP y MySQL es necesario que descargues he instales con todos los parámetros por defecto las siguientes aplicaciones:
Posterior a la descarga he instalación de las aplicaciones solicitadas anteriormente, desde Visual Studio Code, te vas a la siguiente ubicación:
C:\xampp\htdocs
Ya en esta carpeta, dentro de Visual Studio Code, pulsas la opción View y luego Terminal, y en la ventana que te aparece en la parte inferior, escribes el siguiente código y presionas Enter:
git clone https://github.com/configuroweb/rh.git
Dentro de la carpeta htdocs se creará una nueva carpeta llamada rh, y allí quedará el proyecto ya ingresado, lo que queda es, desde Visual Studio Code, acceder a esta carpeta desde la opción de Open Folder y acceder a rh, de esta manera tendrás los archivos de la aplicación para modificarlos a voluntad.
Creación he Importación de la base de datos del Sistema de Recursos Humanos en PHP y MySQL
En este punto te queda abrir XAMPP, elegir un idioma entre inglés y alemán, y activar los servicios de Apache, el servidor PHP y MySQL el gestor de la base de datos.
Después de activar estos servicios, debes acceder a la siguiente URL:
http://localhost/phpmyadmin/index.php
Creas una base de datos con el nombre rh he importas el archivo que te proveo con el pago llamado rh.sql
Apenas realices este proceso ya la aplicación quedará operativa en el siguiente enlace:
http://localhost/rh/index.php
Consideraciones importantes al subir el Sistema de Recursos Humanos en PHP y MySQL a un hosting en Internet
El archivo a modificar con las credenciales de la base de datos se llama connect.php, se encuentra ubicado en dentro de la carpeta controller.
Con estas configuraciones podrás poner a punto la aplicación en cualquier hosting sin problemas.
Si tienes dudas adicionales sobre el proceso puedes ver el siguiente tutorial donde explico como lograr subir una aplicaciòn PHP a un hosting:
Subir pagina con PHP + Base de datos (MYSQL) a un Hosting
Este Sistema de Pagos con Historial en PHP y MySQL, permite gestionar los pagos de una escuela, universidad, academía, instituto o cualquier organización de manera efectiva y sencilla.
La gran diferencia de esta aplicación con otras aplicaciones previas relacionadas con los pagos ya publicadas en este blog como la siguiente:
La principal diferencia de este Sistema de Pagos con Historial en PHP y MySQL es que los padres, quienes son los directos responsables de los pagos de los estudiantes ingresados pueden ver el historial de sus pagos realizados.
Esta aplicación, permite crear un usuario de perfil Staff que puede gesitonar los pagos de clientes, pero no puede crear ni eliminar usuarios.
Este sistema realizado en PHP y MySQL permite crear años y periodos, los años tienen el precio goblal, se pueden crear la cantidad de periodos que se quieran, para el ejemplo se tienen dos periodos llamados semestres, pero esto perfectamente se puede cambiar.
La aplicación tiene un apartado donde se pueden ver claramente los pagos realizados, el sistema integra alertas cuando se realizan los pagos, estas alertas se pueden silenciar, cuando se considere necesario.
Video Explicativo
Sistema de Pagos con Historial en PHP y MySQL
Nota importante
La aplicación tiene un coste de 15 USD, no es gratuita, el código de la aplicación se encuentra en colgado en GitHub, sin embargo para su implementación requerirás la base de datos que es la que te proveo a cambio de un importe por PayPal.
Compra de la Aplicación
Para que la aplicación te funcione tanto en un servidor local como en un hosting, requeriras el archivo SQL que contiene la base de datos, las tablas y la lógica que se requiere para el login y se puedan gestionar los procesos de la aplicación, este sistema tiene un costo de 15 USD y lo puedes comprar por medio del siguiente enlace:
Pago vía Global66
Países válidos Argentina, Chile, Colombia, México y Perú.
Si resides en Colombia me puedes hacer el pago por Nequi, por un enlace PSE de Uala o desde fuera por Western Union, cualquier duda me puedes escribir a mi Whatsapp.
Puesta a punto de la aplicación en un Servidor Local
Para realizar el proceso de la puesta a punto del Sistema de Pagos con Historial en PHP y MySQL es necesario que descargues he instales con todos los parámetros por defecto las siguientes aplicaciones:
Posterior a la descarga he instalación de las aplicaciones solicitadas anteriormente, desde Visual Studio Code, te vas a la siguiente ubicación:
C:\xampp\htdocs
Ya en esta carpeta, dentro de Visual Studio Code, pulsas la opción View y luego Terminal, y en la ventana que te aparece en la parte inferior, escribes el siguiente código y presionas Enter:
Dentro de la carpeta htdocs se creará una nueva carpeta llamada sistema-pagos, y allí quedará el proyecto ya ingresado, lo que queda es, desde Visual Studio Code, acceder a esta carpeta desde la opción de Open Folder y acceder a sistema-pagos, de esta manera tendrás los archivos de la aplicación para modificarlos a voluntad.
Creación he Importación de la base de datos del Sistema de Pagos con Historial en PHP y MySQL
En este punto te queda abrir XAMPP, elegir un idioma entre inglés y alemán, y activar los servicios de Apache, el servidor PHP y MySQL el gestor de la base de datos.
Después de activar estos servicios, debes acceder a la siguiente URL:
http://localhost/phpmyadmin/index.php
Creas una base de datos con el nombre sistema-pagoshe importas el archivo que te proveo con el pago llamado sistema-pagos.sql
Apenas realices este proceso ya la aplicación quedará operativa en el siguiente enlace:
http://localhost/sistema-pagos/index.php
Consideraciones importantes al subir el Sistema de Pagos con Historial en PHP y MySQL a un hosting en Internet
El archivo a modificar con las credenciales de la base de datos se llama database.php, se encuentra ubicado en dentro de la carpeta application y después config. En adición debes especificar la URL en el script llamado config.php en la línea 26.
Con estas configuraciones podrás poner a punto la aplicación en cualquier hosting sin problemas.
Si tienes dudas adicionales sobre el proceso puedes ver el siguiente tutorial donde explico como lograr subir una aplicaciòn PHP a un hosting:
Subir pagina con PHP + Base de datos (MYSQL) a un Hosting
En el tutorial a continuación aprenderemos a subir una aplicación Node.js a un hosting compartido. El proceso lo abordaremos desde Visual Studio Code para que sea lo más claro posible.
Actualmente la mayoría de proveedores de hosting compartido no tienen incluido Node.js, pero es perfectamente posible instalar desde ssh, node para luego utilizar el poder de npm y de ese modo desplegar tu aplicación efectivamente.
Video Explicativo
Subir aplicación Node.js a Hosting Compartido
Índice Exploratorio
Desde estos enlaces puedes saltar directamente a la parte del tutorial que más te interese:
Glosario de Términos Utilizado en el Tutorial donde se explica como Subir aplicación Node.js a Hosting Compartido
¿Qué es ssh?
ssh es un protocolo de acceso remoto que facilita el proceso de acceso y control remoto a servidores desde una consola de comandos.
¿Qué es Node.js?
Node.js entorno de ejecución de JavaScript orientado a eventos asíncronos, Node. js funge como un servidor en código Javascript, que permite crear aplicaciones escalables con eventos asíncronos.
¿Qué es NPM?
NPM corresponde a las siglas de Node Package Manager, es el manejador de paquetes por defecto de JavaScript, para instalar las librerías con comandos desde la terminal de manera sencilla, efectiva y escalable.
¿Qué es un Hosting Compartido?
Es un conjunto de maquinas virtuales, con páginas web alojadas a un solo servidor físico, estás páginas comparten los recursos entre sí, como la RAM y su capacidad de procesamiento.
El hosting compartido normalmente es la opción más popular y económica de tener tu propia página web.
¿Qué es FTP?
Es un sistema de transferencia de archivos, que permite subir aplicaciones a un servidor de manera remota. Los archivos se pueden subir de carpeta a carpeta, desde un entorno visual. A diferencia de ssh, donde el proceso se realiza desde consola, aunque cabe agregar que el protocolo ssh es más seguro.
¿Qué es Git?
Es el sistema de Control de Versiones más popular del mundo, está herramienta está diseñada para ayudar a los equipos de desarrollo a gestionar los cambios que se van realizando en el código fuente de las aplicaciones que se desarrollan.
¿Qué es Git Bash?
Git Bash es una aplicación diseñada para Microsoft Windows que permite ejecutar Git desde la línea de comandos. Este terminal permite ejecutar Bash, SSH, SCP entre otras utilidades muy populares de Unix compiladas efectivamente para Windows.
Si deseas sabes más sobre los comandos más importantes de Git Bash, puedes ver el siguiente tutorial:
Cómo utilizar la Terminal
Configuración de las herramientas necesarias para el despliegue de una aplicación Javascript en un Hosting Compartido
A continuación, se van a mostrar y configurar las herramientas necesarias, para el funcionamiento correcto de la aplicación a desplegar.
Aplicación a Desplegar en el Servidor
En esta publicación vamos a instalar una aplicación de Wep Scraping, que se publicó previamente en este blog y que puedes encontrar en al siguiente enlace:
Para que el tutorial sea lo más sencillo y accesible posible se va a trabajar con Visual Studio Code, el editor de código más popular del mundo, puedes descargarlo e instalarlo en el siguiente enlace, no se va a hacer mayor énfasis en este proceso por su sencillez:
Se recomienda realizar la descarga e instalación de Git, para utilizar el terminal embebido en Visual Studio Code, Git Bash. En el siguiente enlace puedes descargar la aplicación e instalarla con todos los parámetros por defecto:
Configuración de Visual Studio Code para el acceso remoto al servidor
Desde visual Studio Code, se debe habilitar el acceso FTP y el acceso SSH desde el terminal de Git Bash, a continuación se muestra el proceso para conectarse a un servidor FTP desde Visual Studio Code:
Conéctarse al servidor FTP/SFTP usando Visual Studio Code y la extensión SFTP
Conéctarse al servidor FTP/SFTP usando Visual Studio Code y la extensión SFTP
Conectarse a un servidor por SSH desde Visual Studio Code
Además de la conexión FTP, es necesaria la conexión SSH, para instalar Node.js y las librerías necesarias para subir una aplicación Node.js a un Hosting Compartido, a continuación se muestra el proceso de conexión por SSH a un hosting compartido, en este caso, Hostinger.
Conectarse a un servidor por SSH desde Visual Studio Code
Instalación de Node.js en un hosting compartido
Para realizar la instalación de Node.js es necesario llevar el paso a paso previo hasta aquí. Si se realiza la configuración necesaria tal como se lleva el tutorial podrás realizar el proceso desde Visual Studio Code, con unas cuantas líneas de código.
Desde el terminal, cuando hayas accedido a tu servidor con ssh, desde la carpeta public_html donde vas a tener los diferentes proyectos, copia y pega el siguiente código:
Por último con el siguiente comando instalas ya node correctamente
nvm install node
nvm install 16
Posterior a la instalación de node, ya serviran los comando npm de instalación de las librerías necesarias sin problema.
Subir aplicación Web Scraping en Javascript a un Hosting Compartido
En este punto se deben casi los mismos procedimientos de la aplicación Web Scraping, relacionada en el vídeo a continuación:
Cómo construir una herramienta Web Scrapring con Javascript
A continuación se muestran los códigos necesarios para realizar el despliegue de aplicación Node.js a un Hosting, lo primero es inicializar npm, con el siguiente comando:
npm init
Instalación de cheerio
npm i cheerio
Instalación de Express js
npm i express
Instalación de Axios
npm i axios
Instalación de Nodemon
npm i nodemon
Creación del archivo index.js desde ssh
lo primero es llegar al proyecto con el comando cd para solo instalar node js en la ubicación donde corresponda, después debemos crear un archivo, llamado index.js con el comando touch, como se ve en el código a continuación:
touch index.js
Edición del archivo index.js
Luego de creado el archivo, desde el explorador PDF de Visual Studio Code, se busca este archivo, que si no aparece al comienzo se refresca la conexión para que muestre el documento.
Al visualizar el documento, presionamos clic derecho y elegimos la opción Edit in Local para luego pegar el código a continuación:
Código aplicación de Web Scraping
La aplicación será algo diferente de la Web Scraping relacionada anteriormente, con el código a continuación se recorre totalmente este blog, buscando la palabra clave, PHP, la aplicación imprime en formato json, las publicaciones relacionadas con esta palabra clave, en el apartado gratis y en el aparato premium del blog.
Aprenderemos en esta ocasión Cómo construir una herramienta Web Scrapring con Javascript con la fuerza de menos de 30 líneas de código, utilizando todo el poder de los siguientes frameworks de la más alta popularidad y eficiencia, del mundo del desarrollo web como los son:
cheerio
Express JS
Axios
A continuación explicaré brevemente, primero que es web scraping y después cada una de las herramientas que se utilizará en la implementación del código.
Video Explicativo
Cómo construir una herramienta Web Scrapring con Javascript
¿Qué es Web Scraping?
El Web Scraping es una tècnica automatizada de extracción de información de páginas web, en ocasiones el proceso se realiza utilizando el protocolo HTTP el cual ya se abordó en un tutorial anterior con la tecnología PHP en el siguiente enlace lo puedes ver:
La otra forma de hacer Web Scraping es incrustando el navegador en una aplicación, como lo haremos en el presente tutorial. A continuación, paso a explicar los diferentes frameworks que se utilizaran para llevar a cabo el proceso de la extracción.
¿Qué es cheerio?
Cheerio es una implementación rápida, flexible y ligera que se podría ver como una actualización de JQuery, utiliza su mismo core. Cheerio analiza el DOM y proporciona una manera operable de modificar la información resultante, más información en su web oficial:
Este framework que proporciona herramientas robustas y simplificadas para Node js. Permite estructurar una aplicación de una manera ágil, añadiendo funcionalidades como enrutamiento, gestión de sesiones y cookies entre otros. Más información en su sitio web oficial:
Axios tiene la facultad de ejecutarse en el navegador, configurar y realizar solicitudes a un servidor para recibir sus respuestas. Este framework de Javascript cuenta con una única API para gestionar las solicitudes Ajax, gestiona el consumo de servicio web API REST efectivamente, a pesar de su potencia es muy ligero, pesa poco más de 10KB y es compatible con todos los navegadores actuales. Más información en el siguiente enlace:
En este proceso en el que aprenderemos cómo construir una herramienta Web Scrapring con Javascript, es necesario utilizar además de los frameworks indicados a Nodejs que es un entorno de ejecución orientado a eventos asíncronos, que funge como la plataforma que hace todo posible.
En adición se utilizará nodemon para recargar automácitamente los cambios que se vayan realizando en el código en tiempo y npm para realizar la descarga he intalación de estas librerías necesarias para el funcionamiento del código correctamente.
Paso a paso del proceso de construir una herramienta Web Scrapring con Javascript
Para llevar a cabo el proceso se recomienda instalar Visual Studio Code que puedes descargar e Instalar en el siguiente enlace:
Instalación de las librerías necesarias para la ejecución de la aplicación de Web Scraping
Para realizar el proceso correspondiente se debe crear una nueva carpeta con el nombre que desees que tenga el proyecto y abrir la consola, para ejecutar los comandos de instalación de cada librería.
Instalación de Nodejs
Para realizar el proceso de instalación de nodejs, ingresa en slguiente enlace y realiza la descarga e instalación correspondiente
Ejecución de Nodejs para que empieze a funcionar el Servidor
npm init
A continuación el sistema crea un documento llamado package.json que organiza el proyecto y lo alista para la instalación de las libreria de manera estándar.
En el proceso de la configuración siguiente, el sistema le pide una información desde consola, para el ejemplo no se va a diligenciar nada y se le va a poner al final, solo yes cuando se pregunte, todas las consultas anteriores se sobre pasan con Enter.
Instalación de cheerio
Desde Visual Studio Code pulsas en View y luego en Terminal, y escribes el siguiente código:
npm i cheerio
Instalación de Express js
npm i express
Instalación de Axios
npm i axios
Instalación de Nodemon
npm i nodemon
Código del tutorial con el cómo construir una herramienta Web Scrapring con Javascript
El código ha continuación tiene el proceso necesario para extaer el título y enlace relacionado de está página web, configuroweb.com:
Este Sistema de Galería Dinámica en PHP y MySQL permite agregar imágenes en las extensiones jpg, jpeg, png y gif, las imágenes son subidas al sistema, quedan en una carpeta llamada uploads y en la base de datos se almacena el título del archivo, su descripción y el nombre original.
Esta aplicación incluye un sistema de login básico, las credenciales de acceso son las siguientes:
correo: hola@msevillabgmail.com
contraseña: 1234abcd..
La contraseña de la base de datos está encriptada en md5 así que no quedará expuesta para quien por algún motivo pueda acceder sin autorización al gestor de la base de datos.
Video Explicativo
Sistema de Galería Dinámica en PHP y MySQL
Puesta a punto del Sistema de Galería Dinámica en PHP y MySQL en un servidor local
Aplicaciones Previas
Para realizar la instalación de la aplicación en un servidor local, te recomiendo la instalación previa de las siguiente aplicaciones:
Configuración del Sistema de Galería Dinámica en PHP y MySQL para su funcionamiento en tu ordenador
Debes instalar las aplicaciones mencionadas, con todos los parámetros por defecto, posterior a este procedimiento, desde Visual Studio Code, debes abrir la siguiente ubicación:
C:\xampp\htdocs
Desde esta ubicación en Visual Studio Code, pulsas View, Terminal. Dentro del Terminal eliges la opción de Git Bash y copias el siguiente código:
Se creará la carpeta galeria-dinamica, dentro de la carpeta htdocs. A continuación deber abrir XAMPP en tu ordenador, activar los servicios de Apache y MySQL, y acceder a la siguiente URL, para crear la base de datos tienda-correo:
http://localhost/phpmyadmin/index.php
Base de Datos del Sistema de Galería Dinámica
Para que la aplicación te funcione correctamente, desde phpmyadmin, debes crear la base de datos con el nombre galeria-dinamica, posteriormente debes acceder al apartado SQL y pegar el código que se encuentra en el siguiente enlace:
Usamos cookies en nuestro sitio web para brindarle la experiencia más relevante recordando sus preferencias y visitas repetidas. Para más información puedes verificar nuestra política de cookies. Al hacer clic en "Aceptar", acepta el uso de TODAS las cookies.
This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
Cookie
Duración
Descripción
cookielawinfo-checkbox-analytics
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional
11 months
The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance
11 months
This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy
11 months
The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
