Etiqueta: tutorial

Tutorial Youtube-dl

por ConfiguroWebVideo1 comentario en Tutorial Youtube-dl

En el presente tutorial Youtube-dl abarcaremos los temas más sencillos que requerirás muy seguramente para descargar vídeos en general.

Youtube-dl es una librería hecha en Python que permite descargar videos de manera avanzada de portales como Youtube, Vimeo, Dailymotion, Twitter entre otros.

El siguiente es el enlace del portal de Youtube-dl

https://youtube-dl.org/

En este tutorial se explicará con más detalle los diferentes procesos que se pueden hacer con Youtube-dl. Tengo una publicación previa llamada 3 formas de descargar vídeos de Youtube con Python, Aplicación de Escritorio y Online y otro blog post donde comparto un Portal para descargar videos de Youtube hecho en Python con Django relacionados con Youtube-dl.

Proceso de Descarga he Instalación de Youtube-dl

La descarga he instalación de Youtube-dl ya la abordé en una publicación previa. En el siguiente enlace la puedes ver el proceso y replicarlo para Instalar Youtube-dl:

Descarga he instalación de youtube-dl

Descarga videos y listas de reproducción con Youtube-dl

Solamente es ejecutar la línea de comandos donde tengas ubicada la carpeta de Youtube-dl y pones el siguiente comando

youtube-dl más el enlace del vídeo o enlace de la lista de reproducción. Ejemplo para vídeo:

youtube-dl https://youtu.be/8TMIRHdj3zg

Ejemplo para lista de reproducción:

youtube-dl https://www.youtube.com/playlist?list=PLEp4kajrb4a0fgy8e5JO3iGO7iKnPwQFQ

Descargar un archivo de vídeo con un nombre personalizado

youtube-dl -o 'Portal para Descarga de Videos hecho en Python con Django' https://youtu.be/8TMIRHdj3zg

El proceso aplica igualmente para las listas de reproducción

Descargar video en una ubicación especifica

En este ejemplo el archivo se descarga en la carpeta de descargas en un ordenador con Windows 10:

youtube-dl -o '~/Downloads/' https://youtu.be/8TMIRHdj3zg

Descargar múltiples vídeos

youtube-dl <url1> <url2>

Ejemplo:

youtube-dl https://youtu.be/8TMIRHdj3zg https://youtu.be/VzZl6kx7mdk

Descargar vídeos desde un archivo de texto

Creas el archivo al que le vas a poner los enlaces, estos enlaces los puedes poner uno seguido del otro, separándolos por un espacio, o puedes poner los enlaces uno encima del otro.

Este archivo lo guardas en la misma carpeta donde tienes Youtube-dl, le pones cualquier nombre y lo guardas con la extensión txt.

Para este ejemplo el archivo tendrá el nombre de archivo.txt este archivo tendrá las URL de los vídeos y para su ejecución la línea de comandos será la siguiente:

youtube-dl -a archivo.txt

Descargar solo el audio mp3 de un vídeo

youtube-dl -x --audio-format mp3 https://youtu.be/8TMIRHdj3zg

Descargar vídeo por extensión MP4

youtube-dl --format mp4 https://youtu.be/8TMIRHdj3zg
youtube-dl -f mp4 https://youtu.be/8TMIRHdj3zg

Descargar un fragmento de un vídeo con Youtube-dl

En el vídeo a continuación explico el proceso a cabalidad:

Ya había abordado el tema de descargar el fragmento de un vídeo en mi perfil de Youtube aunque se depende de un portal en Internet que podría dejar de funcionar en cualquier momento.

Descarga de FFmpeg

Para realizar el proceso de descarga del fragmento de un vídeo en tu ordenador, es necesario instalar FFmpeg, que es una solución multiplataforma optimizada para grabar, convertir y transmitir audio y video.

El siguiente es el enlace del sitio oficial de esta librería:

https://www.ffmpeg.org/

Descarga he instalación de FFmpeg en un ordenador con Windows 10

Para esto accedemos a su página oficial, pulsamos en el apartado de Microsoft y accedemos al botón donde dice Windows builds from gyan.dev

El sistema nos llevara a la siguiente web:

https://www.gyan.dev/ffmpeg/builds/

En esta página web vamos al segmento que dice Links y pulsamos en el primer enlace.

El sistema descargará un archivo en extensión 7z, podemos abrirlo con WinRAR sin inconvenientes y pasamos las carpetas preferiblemente dentro de la carpeta de Youtube-dl

Incluir FFmpeg en la PATH de Windows

Para poder ejecutar FFmpeg desde cualquier ubicación en consola, es necesario incluirlo en la PATH de Windows, para esto debemos acceder a las variables de entorno del sistema, para esto debemos presionar la tecla de inicio y escribir en el buscador ‘variables de entorno’ accedemos a la primera opción disponible y en la ventana que aparece pulsamos en el botón Variables de entorno luego le damos doble clic en donde dice Path luego en Nuevo, ponemos la ruta donde donde pusimos las carpetas de FFmpeg y luego en bin, dentro de la carpeta bin se encuentra el ejecutable de FFmpeg

Comando para descargar una fracción de un vídeo desde el ordenador

El comando es el siguiente:

ffmpeg -ss 00:00:20 -to 00:00:30 -i "$(youtube-dl -f best --get-url 'https://youtu.be/BuMMPvUlvPw')" -c:v copy -c:a copy nombre-archivo.mp4

Este comando es para descargar una fracción de 10 segundos de un vídeo de Youtube con esta URL https://youtu.be/BuMMPvUlvPw

Donde dice nombre-archivo.mp4 es el nombre que va a tener el archivo descargado.

Como reducir el tamaño de un vídeo descargado con FFmpeg

Ya con FFmpeg instalado y activo no habrá inconvenientes, solo es ejecutar el siguiente comando:

ffmpeg -i video-entrada.mp4 -vcodec h264 -acodec mp2 video-salida.mp4

En este caso donde dice video-entrada.mp4 es el nombre del vídeo sobre el que vamos a reducir el tamaño y video-salida.mp4 es el nombre del vídeo que tendrá reducido el tamaño.

Como reducir el tamaño de un vídeo descargado si no es suficiente con el proceso FFmpeg

Lo primero es descargar el vídeo con el formato más reducido posible que es webm con el siguiente tramo de código en consola:

youtube-dl -f worstvideo https://youtu.be/BuMMPvUlvPw

Posteriormente se puede cambiar el formato de webm a mp4 en el siguiente portal web:

https://cloudconvert.com/webm-to-mp4

Como descargar una extensión y resolución específica de un vídeo con Youtube-dl

Como ver las extensiones, resoluciones y tamaños de un vídeo

Lo primero es ver las extensiones específicas del vídeo que deseas descargar poniendo el parámetro -F como se ve en el ejemplo a continuación:

youtube-dl -F https://youtu.be/REgTntQE1IE

Para el caso del enlace de este vídeo, el sistema podrá mostrar una pantalla como la que pueden ver a continuación:

Como podrán observar cada línea de cada posibilidad tiene un número que la identifica, por ejemplo, si quisiéramos descargar la penúltima opción de vídeo, el que tiene la resolución de 1280×686, en extensión mp4, su número relacionado es el 136, entonces para descargar este formato específico el código relacionado sería el siguiente:

youtube-dl -f 136 https://youtu.be/REgTntQE1IE

Otro ejemplo, si quisiéramos descargar el vídeo número 5 de las opciones disponibles, primero cabe observar la resolución y extensión que muestran. En este caso el vídeo a descargar tendría una resolución de 256×138 y una extensión mp4.

El número relacionado de la línea del vídeo a descargar es el 160 y con este id lo podemos descargar, como pueden ver en la siguiente línea de código:

youtube-dl -f 160 https://youtu.be/REgTntQE1IE

Cualquier duda quedo al pendiente !!

Etiquetado: /

Tutorial PHP ConfiguroWeb

por ConfiguroWebTutoriales1 comentario en Tutorial PHP ConfiguroWeb

El presente tutorial está basado en la lista de reproducción de Youtube con el nombre Curso PHP que tengo en mi canal.

Te invito a que revises mis aplicaciones gratuitas y de pago, alojadas en este blog

Índice del Curso PHP ConfiguroWeb

Lección 1
¿Qué es PHP?
Configuración de un servidor local
Ejemplo hola mundo en PHP
Lección 2
Sintaxis PHP estándar
Incrustar PHP dentro de HTML
Comentarios PHP
Sensibilidad a mayúsculas y minúsculas
Excepciones
Lección 3
Declaraciones echo y print
Variables PHP
Reglas para nombrar una variable PHP
Constantes en PHP

Video relacionado con la lección 1 del Tutorial PHP

En el vídeo a continuación se relacionan los siguientes temas, ¿Qué es PHP? Configuración de un servidor local y un ejemplo hola mundo en PHP

¿Qué es PHP?

PHP es un lenguaje de script de servidor y una poderosa herramienta para crear páginas web dinámicas e interactivas. PHP es una alternativa ampliamente utilizada, gratuita y eficiente a competidores como el ASP de Microsoft.

Configuración de un servidor local

El script PHP se ejecuta en un servidor web que ejecuta PHP. Entonces, antes de comenzar a escribir cualquier programa PHP, necesita el siguiente programa instalado en su computadora.

  • El servidor web Apache
  • El motor PHP
  • El servidor de base de datos MySQL

Puede instalarlos individualmente o elegir un paquete preconfigurado para su sistema operativo como Linux y Windows. Los paquetes preconfigurados populares son XAMPP y WampServer.

Ejemplo hola mundo en PHP

El código de ejemplo es el siguiente:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ejemplo Hola Mundo</title>
</head>
<body>

<?php

echo "Hola Mundo";

?>
    
</body>
</html>

Video relacionado con la lección 2 del tutorial PHP

En el vídeo a continuación se explica la sintaxis en PHP, comentarios, sensibilidad de mayúsculas y minúsculas así como las excepciones

Sintaxis PHP estándar

Todo script PHP comienza con <?php y termina con ?>

Incrustar PHP dentro de HTML

Se puede escribir código PHP dentro de código HTML y con esto ejecutar procesos del lado del servidor.

Comentarios PHP

Multi línea con /* y finaliza con */
De una línea con // o con #

Sensibilidad a mayúsculas y minúsculas

$esto, $Esto y $ESTO no son la misma variable

Excepciones

La sensibilidad a mayúsculas y minúsculas no aplica para palabras clave, funciones y clases

Video relacionado con la lección 3 del tutorial PHP

En el vídeo a continuación se explican las declaraciones Echo y Print, las Variables y las Contantes en PHP

Declaraciones echo y print

Ambas declaraciones sirven para mostrar una o más cadenas en un navegador web. La diferencia es que print retorna 1, con esta diferencia se puede definir una lógica para que después que se escriba determinado texto en el navegador se realice un determinado procedimiento.

Se pueden imprimir código html, información de Arrays, números, cadenas entre muchas otras opciones
echo y print son declaraciones no funciones, por lo tanto no requieren paréntesis, pero si se usan paréntesis sólo se puede imprimir un término por declaración así que lo mejor es no usarlos.

Variables PHP

Las variables se utilizan para almacenar datos, como cadenas de texto, números, etc. Los valores de las variables pueden cambiar durante el transcurso de un script. Aquí hay algunas cosas importantes que deben saber sobre las variables:

  • En PHP, no es necesario declarar una variable antes de agregarle un valor. PHP convierte automáticamente la variable al tipo de datos correcto, según su valor.
  • Después de declarar una variable, se puede reutilizar en todo el código.
  • El operador de asignación ( =) utilizado para asignar valor a una variable.

Estas son las siguientes reglas para nombrar una variable PHP

  • Todas las variables en PHP comienzan con un $signo, seguido del nombre de la variable.
  • El nombre de una variable debe comenzar con una letra o el carácter de subrayado _.
  • Un nombre de variable no puede comenzar con un número.
  • Un nombre de variable en PHP sólo puede contener caracteres y guiones alfanuméricos ( A-z, 0-9 y _).
  • Un nombre de variable no puede contener espacios.

Constantes en PHP

Las constantes son valores que una vez definidos no se pueden cambiar o convertir a indefinidos.

Se ve la necesidad de constantes por ejemplo en ajustes de configuración, nombres de usuario, contraseñas de la base de datos, la URL del sitio web base, el nombre de la empresa entre muchas otras posibilidades.

Las constantes se declaran con la función define() que requiere de dos argumentos, el nombre de la constante y su valor.

Las constantes no requieren el símbolo $ y se ponen en mayúscula por convención

Etiquetado: /

Cómo colocar vídeo de Youtube en el archivo README en GitHub

por ConfiguroWebDesarrolloDeja un comentario en Cómo colocar vídeo de Youtube en el archivo README en GitHub

Los archivos readme de GitHub tienen la extensión MD, son de tipo Markdown o de marcado ligero cuyo principal objetivo es conseguir la máxima legibilidad y facilidad de publicación.

Cabe aclarar que realmente no es posible colocar vídeo de Youtube en el archivo README en GitHub lo que si es posible es colocar una miniatura de Youtube a la que si le dan clic se van al vídeo de origen.

Editar el Readme en GitHub

Desde tu repositorio a nivel local es perfectamente posible editar un archivo README.md y apenas los subas a GitHub el sistema va a entenderlo y acoplarlo para mostrárselo al usuario final, pero en este tutorial por sencillez vamos a editar el documento directamente desde GitHub en su portal web.

Desde que subes el repositorio a GitHub o creas un nuevo repositorio pulsando en el botón New, abajo en las opciones disponibles del portal, el sistema te ofrece la posibilidad de agregar el archivo Readme seleccionando un botón de chequeo.

Aunque si no lo seleccionas igual es perfectamente posible agregarlo y editarlo después. Basta con pulsar el botón donde dice Add a README para empezar a editarlo como se muestra en la pantalla a continuación:

Add a README en GitHub

Al pulsar en el botón Add a README el sistema para a un nuevo apartado donde hay dos pestañas con una pantalla de edición llamada Edit new file y otra de muestra llamada Preview como se puede ver en la pantalla a continuación:

Editar README GitHub

Explicación en vídeo del proceso para insertar un vídeo en el readme de tu repositorio en GitHub

En el vídeo a continuación se explica todo el proceso del presente post:

Cómo colocar vídeo de Youtube en el archivo README en GitHub

Código para colocar vídeo de Youtube en el archivo README en GitHub

El código para insertar una miniatura de Youtube con un enlace a tu vídeo subido:

[![Alt text](https://img.youtube.com/vi/configuroweb/0.jpg)](https://www.youtube.com/watch?v=configuroweb)

Se debe reemplazar el texto donde dice configuroweb por el id del vídeo de Youtube que quieres insertar. Es muy fácil y para esto voy a tomar uno de mis vídeos de Youtube relacionado con un post donde explico cómo usar Git y GitHub para administrar tus documentos a nivel avanzado

Si tomas la URL de arriba en el navegador te aparece el siguiente enlace:

https://www.youtube.com/watch?v=3RFAX3CbSGA

Si presionas el botón compartir te va a aparecer una URL diferente, se vería como se muestra a continuación:

https://youtu.be/3RFAX3CbSGA

Lo que tienen estas URL de vídeos de Youtube en común es el ID de vídeo, y es lo que vamos a reemplazar en el código. Donde dice configuroweb vamos a poner este ID.

El código a poner en el apartado de Edit New File en GitHub sería el siguiente:

[![Alt text](https://img.youtube.com/vi/3RFAX3CbSGA/0.jpg)](https://www.youtube.com/watch?v=3RFAX3CbSGA)

En GitHub al pulsar en la pestaña de Preview se debe visualizar una pantalla como la siguiente:

Miniatura de video de Youtube insertado en el README de GitHub

Al pulsar en este cuadrado GitHub te llevará a Youtube y reproducirá el vídeo sin inconvenientes.

Etiquetado: /

Como instalar aplicaciones PHP en un servidor local

por ConfiguroWebDesarrollo56 comentarios en Como instalar aplicaciones PHP en un servidor local

El objetivo de esta entrada es en adelante utilizarla para todos los proyectos que comparta ya que ha sido una constante el proceso de explicación de la puesta a punto de mis aplicaciones PHP en un servidor local igual que la explicación de como subir mis proyectos PHP a un hosting.

Video Explicativo

Instalar aplicaciones PHP en un servidor local

Descarga he instalación de aplicaciones para la implementación de proyectos PHP en un servidor local

Las aplicaciones a descargar he instalar con todos los parámetros por defecto son las siguientes:

XAMPP te implementa fácilmente un servidor web, Git es un gestor de archivos avanzado con el que descargaremos las aplicaciones que subo a GitHub y Visual Studio Code es un editor de código gratuito bastante intuitivo y es con el que trabajo constantemente en todos mis proyectos.

Descarga del proyecto colgado en GitHub

GitHub es un portal también de uso gratuito donde se pueden colgar los repositorios de las aplicaciones que se van desarrollando.

Mis aplicaciones siempre tendrán un enlace al proyecto que tengo colgado en GitHub para su descarga.

Para realizar la descarga se debe abrir Visual Studio Code, pulsar en File, Open Folder he ir a la siguiente ubicación:

C:\xampp\htdocs

Ya ubicados en esta carpeta, en Visual Studio Code pulsamos en View y Terminal para abrir una consola de comandos desde donde nos encontramos.

A continuación en el navegador nos vamos al enlace de GitHub donde se encuentra nuestra aplicación a descargar. Pulsamos en el botón Code y copiamos el enlace que se hará visible al darle clic.

Luego en la ventana de terminal en Visual Studio Code escribimos el comando git clone y pegamos el enlace que acabamos de copiar y presionamos Enter.

Dentro de la carpeta htdocs donde actualmente nos encontramos en Visual Studio Code se creará una carpeta con el nombre del proyecto que se va a descargar.

Posteriormente pulsamos otra vez en File y Open Folder y esta vez ingresamos en la carpeta htdocs y luego la nueva carpeta con el nuevo nombre de la aplicación que acabamos de descargar.

Importación de la base de datos

Para realizar el proceso de la importación de la base de datos, debemos primero abrir XAMPP y activar los servicios de Apache y MySQL si el proceso se ha realizado exitosamente al acceder a la siguiente URL aparecerá el gestor de base de datos phpMyAdmin

http://localhost/phpmyadmin/index.php

En este portal creamos la base de datos con el nombre que nos indiquen, he importamos el archivo de extensión SQL o pegamos los comandos SQL en el post relacionado.

Acceso con usuario y contraseña a la aplicación

El nombre de la carpeta que se descargó de GitHub va a influir en la URL del servidor local que ya tenemos implementado, por ejemplo, si la carpeta se llama aplicacion_php la dirección del servidor local ya implementado será la siguiente:

http://localhost/aplicacion_php/

Todos mis proyectos tienen el mismo usuario y contraseñas administrativos:

  • usuario: configuroweb, si es correo hola@configuroweb.com
  • contraseña: 1234abcd..

Ya en este punto solo queda utilizar la aplicación, cualquier duda quedo al pendiente.

Etiquetado: /

Cómo usar Git y GitHub para administrar tus documentos a nivel avanzado

por ConfiguroWebTecnologia1 comentario en Cómo usar Git y GitHub para administrar tus documentos a nivel avanzado

El proceso se explica en el vídeo relacionado a continuación.

En habla hispana no se encuentran vídeos relacionados del tema, porque, normalmente las personas que trabajan en documentación, no tienden a estar relacionadas con temas de desarrollo a nivel de programación.

Por este motivo mi acercamiento al tema ha sido lo más lúdico posible y por esto omito mucho del robusto alcance que tienen las herramientas de desarrollo a las que hago referencia.

Git y GitHub tienen cada uno por su lado un universo de posibilidades en las que se perdería el objetivo del presente texto de orientar al total neófito del tema por un camino donde pueda tener un mayor control cronológico sobre las modificaciones realizadas sobre un repositorio de archivos.

En esta publicación se pretende enseñar como administrar una carpeta de archivos de tal modo que puedas volver al momento específico del tiempo en que hiciste cambios importantes.

Descarga de aplicaciones necesarias para administrar tus documentos a nivel avanzado

Para tener una carpeta lista para poder controlar tus documentos de tal manera que incluso si te eliminan el archivo puedas recuperarlo, o si el archivo es dañado puedas volver al momento del tiempo específico en que aun servía y recupar tu información en una copia.

Para empezar a ponerle baterías a tu trabajo de gestión documental, necesitarás descargar en tu ordenador las siguientes herramientas.

¿Qué es Git?

Git es un controlador de versión. Es la aplicación responsable de toda la magia, es la que te permite administrar tus archivos sobre el espacio y el tiempo, a niveles inimaginables, mucho más avanzados que los alcances de este blog post.

¿Qué es Visual Studio Code?

Visual Studio Code es un editor de texto ultra robusto y sencillo, que puede integrar en una sola vista los archivos de la carpeta con los que vamos a trabajar y una ventana de

Registro de Usuario en GitHub

GitHub es el sistema que te permite tener una copia en la nube de forma totalmente privada y segura, para poder descargarla en cualquier momento en cualquier ordenador y de ese modo disminuir el riesgo de perdida de tus archivos.

Para darte de alta en GitHub solo puedes acceder al siguiente enlace.

https://github.com/

Es necesario que recuerdes tu usuario y contraseña para luego volverlos a poner en un terminal y establecer la conexión remota.

Puesta a punto de Git sobre la carpeta a administrar

Accede a la carpeta que deseas controlar con la aplicación de Visual Studio Code que acabas de descargar, con la opción File y luego Open Folder.

Posteriormente pon visible el terminal desde donde vas a poner la instrucciones, haciendo clic en View y Terminal.

En este punto solo queda poner la siguiente línea de comando en el terminal, para que empiece a trabajar Git, cabe agregar que para que funcione este comando es necesario instalar previamente Git.

La línea para inicializar Git es la siguiente:

git init

Ahora por cada momento del tiempo que vayamos a registrar, después de hacer las modificaciones que queramos registrar, debemos utilizar la siguiente línea de comando en la terminal.

git add .

Esta línea agrega al momento que deseas guardar todos los documentos que hayas modificado en la carpeta que estamos controlando.

Ahora vamos a registrar el momento del tiempo al que queremos marcar para volver a este cuando sea necesario.

En el vídeo relacionado explico con mucha más profundidad que son los commits, te recomiendo que veas toda la información relacionada para que no sea tan denso todo el proceso.

La siguiente es la línea de comando para registrar los commits

git commits -m "un nombre que puedas reconocer para volver cuando sea necesario, siempre entre comillas"

En este punto puedes ver todos los commits que hayas generado para luego ir a ellos

git log

La siguiente línea de comando es la que te permite moverte entre versiones de documentos a los commits que hayas registrado

git checkout "nombre del commit"

Subida del repositorio a GitHub para acceder a tu carpeta desde cualquier ordenador

Puede que en esta instancia las cosas se hayan puesto algo complejas, por eso te recomiendo que veas el vídeo y la información junta te permitirá tener una visión más completa que te permitirá tener pleno dominio de tu información.

Creación de un repositorio privado a GitHub

Para crear el repositorio privado tuviste que haberte registrado previamente en GitHub como indicaba al comienzo.

Para crear el repositorio accedes al área de repositorios, luego en nuevo, debes elegir la opción de privado, ya que por defecto los repositorios se crean en público y si tu información es sensible de esta forma nadie podrá ver tu carpeta.

Al crear tu repositorio en GitHub, necesitas enlazarlo con tu carpeta. En cuanto creas el repositorio, te aparecen en el mismo Git Hub unas instrucciones.

La siguiente instrucción te permitirá enlazarte con la carpeta de tu ordenador para luego subir la información.

Todo estará mucho más claro en el vídeo relacionado

git remote add origin "URL del repositorio"

Por último con la siguiente línea de comando puedes subir la información de tu carpeta al repositorio privado

git push -u origin master -f

Para descargar tu información en cualquier ordenador solo es acceder a GitHub con tu usuario y contraseña y luego desde terminal ejecutas el siguiente comando

git clone "URL del proyecto"

Con este comando en tu ordenador aparecerá la carpeta de tus archivos con todos los commits, para que puedas seguir trabajando con tus archivos a nivel avanzado, aunque hayas perdido tu ordenador o te hayan eliminado los archivos.

Cualquier duda, favor ponerse en contacto.

Etiquetado: / /

Integrar captcha y reCaptcha v3 de Google en tu aplicación Web con PHP

por ConfiguroWebDesarrollo1 comentario en Integrar captcha y reCaptcha v3 de Google en tu aplicación Web con PHP

El proceso se explica completamente en el vídeo a continuación:

¿Qué es un captcha?

Un captcha es un sistema de pruebas que distorsionan carácteres de una imagen para confirmar que el validador es efectivamente una persona y no un software que ejecuta tareas automatizadas.

Por ejemplo un captcha puede evitar que se hagan demasiados intentos fallidos en un sistema de acceso de usuario con contraseña. Un bot podría intentar 10000 veces acceder con diferentes contraseñas y romper la seguridad de una aplicación.

Un captcha puede evitar que un software malicioso acceda a tu aplicación, por fuerza bruta, si cada intento requiere de un prueba de imagen. Para los bots aún es difícil reconocer caracteres deformes en una imagen que no corresponden una fuente específica.

¿Qué es un recaptcha?

Un recaptcha es la reinvención de Google de los captcha, que en sus pruebas para confirmar que efectivamente es un humano quien accede a los recursos de una aplicación. Incluye imágenes con características específicas, por ejemplo, ¿de las fotos descritas cualquier incluyen un puente? Entre otros.

¿Qué es un recaptcha invisible?

De los recaptcha hay diferentes versiones, actualmente hay una tercera versión, menos invasiva, donde automáticamente, según tus cookies, tu ip y algunos procesos que Google mantiene ocultos, el mismo sistema concluye que eres un humano o una máquina y por si mismo puede decidir banear tu ip o hacer alguna prueba de confirmación que efectivamente es un humano quien intenta acceder.

Puesta a punto de un Captcha y un Recaptcha Versión 3 de Google en un servidor local

Explicación del proceso de instalación de un Captcha en servidor local

Descarga de aplicaciones requeridas para el funcionamiento del proyecto

Para la puesta a punto como es habitual es necesario, descargar las siguientes aplicaciones:

  • XAMPP, para habilitar un servidor local.
  • GIT, para descargar el proyecto de GitHub
  • Visual Studio Code, para manipular el código, esta última sugerencia no es requerida obligatoriamente, pero si está directamente relacionado con el vídeo del post.

Debes realizar la descargar he instalar las aplicaciones listadas anteriormente con todos los parámetros por defecto en tu ordenador.

Descarga del proyecto de GitHub

El proyecto para descargar de GitHub es el siguiente:


https://github.com/configuroweb/recaptcha
0 forks.
1 stars.
0 open issues.

Recent commits:

Ubicación del Proyecto en tu ordenador

El proyecto se debe descargar en la siguiente ubicación. Si realizaste la instalación de XAMPP con todos sus parámetros por defecto.

C:\xampp\htdocs

Código de descarga del proyecto de GitHub

Si estás realizando el proceso con Visual Studio Code, abres la carpeta htdocs, en la ubicación descrita anteriormente.

Posteriormente abres la consola ubicada en la opción View, Terminal y ejecutas el comando a continuación, se previamente realizaste la instalación de GIT

git clone https://github.com/configuroweb/recaptcha.git

Re abres el proyecto en la siguiente ubicación desde Visual Studio Code

C:\xampp\htdocs\recaptcha

Activación del Servidor Local

Para este punto solo tendrás que acceder a XAMPP, activar el servicio de Apache y en la siguiente ubicación en tu navegador, preferiblemente Chrome

http://localhost/recaptcha/captcha/

Explicación del proceso de instalación del reCaptcha versión 3 en un servidor local

Debes acceder a la página de Google reCaptcha para registrar tu sitio y de ese modo obtener las llaves para que funcione el proyecto a nivel local

https://www.google.com/recaptcha/admin/create

Luego en la opción de Tipo de reCAPTCHA eliges la opción de v3, que es la de recaptcha invisible. La mostrada en el vídeo.

Posteriormente donde dice Dominios, pulsas en el apartado de Añade un dominio. Allí pones lo siguiente http://localhost/

Por último acepta las condiciones de servicio y dale clic a enviar

Claves Google reCaptcha

Modificación del archivo config.php

Las claves que te genera el sistema de Google después de agregar el sitio, las debes poner en el archivo config.php del proyecto, donde dice client-key pones la clave de sitio web y donde dice secret-key diligencias con la clave secreta.

El código de la config.php es el siguiente:

<?php
return [
	'client-key' => 'xx',
	'secret-key' => 'xx'
];

Visualización del Proyecto reCaptcha V3 en tu servidor local

Para visualizar el proyecto ya instalado en tu ordenador con XAMPP activado en el servicio de Apache y posterior a la modificación de los parámetros config.php solo queda acceder a la siguiente URL

http://localhost/recaptcha/login.php

Y en pantalla te debe aparecer una página con el siguiente mensaje

Cualquier duda, estaré al pendiente.

Etiquetado: /

3 formas de descargar vídeos de Youtube con Python, Aplicación de Escritorio y Online

por ConfiguroWebVideo1 comentario en 3 formas de descargar vídeos de Youtube con Python, Aplicación de Escritorio y Online

El proceso se explica en el vídeo a cabalidad, completamente.

Proceso para descarga de vídeos y listas de reproducción con Python

Para estos vamos a utilizar la librería pública en Python llamada youtube-dl es súper completa, prácticamente lo que se te ocurra lo puedes hacer, sin duda alguna es la opción más robusta de las disponibles.

Puedes descargar, vídeos por palabra clave, con duración específica, puedes descargar vídeos específicos de listas de reproducción, entre un sin fin de opciones.

Si llegas a tener inconvenientes incluso en su documentación hay una base de conocimiento de posibles problemas.

Descarga he Instalación de youtube-dl

Instalación de Python

Previo al proceso es necesario instalar Python en la PATH del sistema operativo. Esto permite que puedas ejecutar Python desde cualquier ubicación en donde te encuentres en el ordenador.

En el siguiente enlace puedes descargar Python

https://www.python.org/downloads/

Añadir Python a la PATH

En el proceso de instalación está la opción añadir Python a la PATH si estás realizando el proceso de un ordenador con sistema operativo Windows 10

Agregar-Python-a-la-PATH-de-Windows
Agregar-Python-a-la-PATH-de-Windows

De que realices bien este proceso depende todo lo demás. Esto te facilitará por ejemplo que puedas descargar el proyecto de youtube-dl en cualquier ubicación de tu ordenador y te funcione sin inconvenientes el proceso.

Descarga del Proyecto youtube-dl de GitHub

El siguiente es el enlace donde puedes acceder al proyecto en GitHub

Command-line program to download videos from YouTube.com and other video sites
https://github.com/ytdl-org/youtube-dl
10.111 forks.
133.122 stars.
4.199 open issues.

Recent commits:

youtube-dl

Puedes realizar la descarga del proyecto de dos maneras. Por medio de GIT o por medio de descarga directa en archivo ZIP. Te recomiendo por mucho la opción de GIT, ya que estarás realizando procesos a través de consola en Python y tendrás un mayor control de los proyectos que emprendas en adelante, así que a continuación, explicaré el proceso con GIT.

Descarga he instalación de GIT

El enlace de descarga de GIT es el siguiente:

https://git-scm.com/

Su instalación es super sencilla, debes realizarla con todos los parámetros por defecto, a todo siguiente y continuar..

Descarga he instalación de Visual Studio Code

En el vídeo relacionado utilizo Visual Studio Code, ya que me facilita la opción de manipular el código y visualizar la consola al mismo tiempo. Esta opción no es obligatoria, pero si muy recomendable.

El enlace de descarga de Visual Studio Code es el siguiente, realizas la instalación con todos los parámetros por defecto.

https://code.visualstudio.com/

Código de descarga del proyecto

El código a continuación te permite descargar el proyecto a continuación

git clone https://github.com/ytdl-org/youtube-dl.git

Si realizaste la descarga he instalación de GIT, solo es ejecutar el comando desde consola.

En el vídeo realizo el proceso desde Visual Studio Code, se habilitó la consola, desde la opción de View y Terminal

Ejecución del proyecto youtube-dl

El siguiente es el comando para instalar youtube-dl

pip install youtube-dl

Comandos disponibles para descarga de vídeos de Youtube

Comando para descargar Listas de Reproducción de Youtube

youtube-dl --playlist-items [acá va los números de los vídeos] [acá va la URL de la lista de reproducción]

Comando para descargar vídeos de Youtube por palabras clave

youtube-dl ytsearch:[acá va el término]

Comando para descargar todos los vídeos de un canal de Youtube

En este comando pongo mi canal de muestra

$ youtube-dl -o '%(uploader)s/%(playlist)s/%(playlist_index)s - %(title)s.%(ext)s' https://www.youtube.com/c/MauricioSevillaBritto/playlists

Comando para descargar un vídeo mientras se está transmitiendo en vivo

youtube-dl -o -[acá va el identificador del vídeo]

Descarga de vídeos de Youtube con aplicación de escritorio JDownloader

El proceso ya en esta instancia es super sencillo, solo es cuestión de acceder al siguiente enlace, realizar la descarga he instalación de la aplicación, según tu sistema operativo

https://jdownloader.org/download/index

Ten cuidado con no realizar instalaciones adicionales, como antivirus entre otros, que se cuelan en el proceso, sencillamente los deseleccionas y podrás hacer la instalación sin inconvenientes.

Al intentar hacer una descarga te va a pedir que instales una actualización, realizas el proceso sin problema y ya te quedará listo, para poder realizar la descarga de vídeos, de playlist, solo audio, así como vídeos desde momentos específicos.

Descarga de vídeos y listas de reproducción online

Hay infinidad de portales que se recomiendan, sin embargo al día de hoy, mientras se mantenga, este portal es el más recomendable, a continuación el enlace

https://youtubeplaylist.cc/

El proceso es bastante sencillo he intuitivo te pide un registro previo y después puedes utilizar el portal sin restricciones.

Tienes casi las mismas posibilidades que con JDownloader tal vez algo de lentitud en comparación, pero actualmente funciona muy bien.

Etiquetado: /

Como pasar tus chats de Whatsapp a otro celular sin perder las conversaciones

por ConfiguroWebAndroid / WhatsappDeja un comentario en Como pasar tus chats de Whatsapp a otro celular sin perder las conversaciones

El proceso es super sencillo y se explica muy sintéticamente en el vídeo a continuación:

Como pasar tus chats de Whatsapp a otro celular sin perder las conversaciones

Lo primero es especificar que el proceso, aunque se puede aplicar en sus pasos más generales en iPhone. Solo está diseñado para teléfonos Android.

Requerimientos mínimos

Los requerimientos mínimos para pasar tus conversaciones de Whatsapp de un teléfono a otro son los siguientes:

  • Tener sincronizado en tu teléfono un correo de gmail
  • Debes saber la contraseña de este correo que es donde vas a subir las conversaciones previas de tu Whatsapp.

Paso a paso en el primer teléfono

Accede a Ajustes de Whatsapp, pulsando el icono de los tres puntos que se encuentra en la parte superior derecha de la aplicación.

En Ajustes elige la opción Chat y a continuación accede en Copia de seguridad.

Luego cambias los parámetros de Guardar en Google Drive por la opción más de tu interés entre los periodos a continuación:

  • Nunca
  • Solo cuando toco “Guardar”
  • Diariamente
  • Semanalmente
  • Mensualmente

En el vídeo relacionado se eligió la opción de Solo cuando toco “Guardar”

El siguiente paso es acceder donde dice Cuenta de Google, y elegir el correo de Gmail que es donde debes poner la cuenta de correo que luego vas a sincronizar en el nuevo teléfono.

En adición está elegido por defecto en esta ventana de Copia de seguridad, la posibilidad de Guardar usando Solo Wi-Fi y la opción de Incluir vídeos, que dependiendo de tu espacio en conversaciones hará el proceso más o menos tedioso.

Pasos en el segundo teléfono

En el segundo teléfono es necesario sincronizar el correo electrónico de Gmail, que es donde previamente se guardó la copia de seguridad a pasar al teléfono nuevo.

El teléfono se le debe poner la sim asociada a la línea telefónica, sobe la que se van a migrar las conversaciones.

Se debe sincronizar el número de teléfono en la aplicación de Whatsapp.

Este proceso incluye diligenciar el envío de un sms de confirmación de la tenencia del número relacionado.

En cuanto se confirme el número telefónico y avances en el proceso, si se realizó efectivamente, Whatsapp te informará que hay una copia de seguridad y te consultará si deseas descargarla.

Desde ahí en adelante, se le dan lo permisos mínimos que requiere la aplicación para funcionar y al final las conversaciones habrán sido migradas satisfactoriamente.

Etiquetado: / /

Cómo Inspeccionar elemento en Android

por ConfiguroWebAndroidDeja un comentario en Cómo Inspeccionar elemento en Android

Todos el proceso relacionado se explica en el vídeo a continuación:

Puede que necesites el algún momento conocer algún aspecto html de alguna página web, o inyectar algún tramo de código javascript en la consola del navegador desde un dispositivo Android o incluso desde un iPhone.

No es lo más práctico de lejos, pero si llegas a tener la necesidad de hacerlo, en este blog post tengo dos muy buenas opciones, la primera es insertando código Javascript como un marcador.

Inspeccionar elemento con código Javascript como marcador

Este código que te muestro a continuación, se debe agregar como marcador en tu navegador, preferiblemente Google Chrome, después lo llamas desde la página a inspeccionar y eso será todo como se refleja en el vídeo relacionado.

El código es el siguiente:

Ver código

Si te cuesta copiar el código desde acá puedes pulsar en el siguiente enlace y posteriormente los seleccionas todo con el dedo desde tu teléfono y luego copias la selección eligiendo en el menú emergente.

https://raw.githubusercontent.com/configuroweb/scriptsjs/master/inspeccionarelemento.js

Inspeccionar elemento con aplicaciones

Hay tres aplicaciones muy buenas para Inspeccionar elemento en Android, estás son las siguientes:

En lo personal recomiendo mucho la aplicación DevBrowser, que permite ver y editar en vivo los elementos HTML sin problemas.

En adición la consola

El proceso es muy sencillo he intuitivo, estas aplicaciones permiten, acceder al contenido HTML, el contenido CSS, así como ejecutar la consola para ejecutar script en Javascript.

Mi opinión sobre las 4 opciones disponibles de Inspeccionar elemento

Script de código abierto

El script es limpio, independiente, no requiere ninguna instalación y es bastante práctico el problema que encontré es que para sitios web de aplicación como Facebook he Instagram, no carga, la página tiene bloqueado este tipo de acceso.

Droid Web Inspector

Esta aplicación funciona como un navegador, tiene las opciones disponibles de actualizar y forzar la versión de escritorio de las páginas.

Apenas accedes a las páginas web, carga el inspector. No se adapta al tab donde te interesa específicamente inspeccionar sino te muestra la visión global de la página.

Esto último a nivel de tiempos no es bueno, porque en ocasiones se dificulta acceder al área específica donde queremos acceder.

El otro fallo es que igual que con el script abierto, en páginas de aplicación de redes sociales como Facebook he Instagram, no muestra opción posible de inspección.

Inspecione e Edite HTML

Me gusta mucho que tiene un icono de un dedo en la parte superior derecha, para hacer tab en este y luego pulsar en el lugar específico de la página que nos interesa.

Podemos hacer modificaciones en vivo y verlas directamente en la página.

Podemos incluso inspeccionar elemento en las páginas de Facebook e Instagram.

Lo único que no me gusto es su opción de consola que a pesar que funciona, por lo menos en mi caso, el código que cargué lo hizo en un bucle y me tocó salir de la aplicación a la fuerza.

No es muy intuitiva la forma en la que ejecutar los script y apenas muestra un campo de una línea.

DevBrowser

Indiferente de sus inmerecidas 3 estrellas en la tienda de aplicaciones de Google me pareció la mejor aplicación de Android para inspeccionar elemento y ejecutar consola.

DevBrowser tiene todo lo citado en la aplicación de Inspecione e Edite HTML, más la opción de guardar scripts, para luego ejecutarlos cuando se necesite.

Incluso intenté ejecutar unos scripts que había implementado en una publicación previa para seguir cuentas en Instagram, dejar de seguir y dar likes por hashtag así como por ubicación

Pero me saltan fallos de undefined, muy seguramente porque Facebook e Instagram cargan versiones específicas para dispositivos y por esto los id son diferentes.

Estaré intentado crear un script que sea válido para ejecutar javascript desde el teléfono, en las siguientes publicaciones.

Etiquetado: /

Como enviar correos gmail desde PHP con la función mail() en localhost con XAMPP

por ConfiguroWebDesarrollo13 comentarios en Como enviar correos gmail desde PHP con la función mail() en localhost con XAMPP

Si tienes familiaridad con lo que buscas puedes entrar directamente en materia desde la configuración del archivo php.ini

En el vídeo a continuación se explica el proceso completo paso a paso:

Muchos de mis proyectos llegan al punto de enviar un correo y ahí toca tener imaginación porque no se explica como hacer el proceso.

El título del presente blog post, resume como hacer este proceso por medio de la función mail() pero sabemos que va más allá.

Los correos electrónicos son todo un universo de requerimientos y posibilidades y en cada apartado están llenos de lineamientos específicos.

Hay diferentes tipos de autenticación como IMAP, POP3, SMTP entre otros. Todos estos con sus respectivas especificaciones a nivel de puertos, servidores de dominio de entrada y salida, protocolos TLS o SSL de cifrado de correos entre muchas, muchas más opciones.

Pero bueno, no voy a dar más vueltas al proceso, porque todo se trata de hacerlo más sencillo y acá te voy a explicar como configurar XAMPP para poder enviar correos desde tu ordenador con una cuenta de Gmail.

Proceso de configuración de archivos dentro de la carpeta de instalación de XAMPP

Si en esta instancia, no entiendes bien de que va el proceso, te recomiendo que primero que averigües que es XAMPP. Lo descargues he instales en tu ordenador con todos los parámetros por defecto.

XAMPP lo puedes descargar según tu sistema operativo en el enlace a continuación:

https://www.apachefriends.org/es/download.html

Cabe insistir en que la instalación de XAMPP se debe hacer con todos los parámetros por defecto para que puedas encontrar los archivos según los referencio a lo largo de este tutorial.

Configuración del archivo php.ini

El archivo php.ini contiene la configuraciones más importantes de PHP a nivel general.

Su ubicación por defecto dentro de XAMPP es la siguiente:

C:\xampp\php\php.ini

En el documento de nombre php.ini se debe buscar la función de correo, de nombre mail function que está entre corchetes (o brackets según tu país) y debe aparecer de la siguiente forma.

[mail function]
; For Win32 only.
; http://php.net/smtp
SMTP=localhost
; http://php.net/smtp-port
smtp_port=25

; For Win32 only.
; http://php.net/sendmail-from
;sendmail_from = me@example.com

; For Unix only.  You may supply arguments as well (default: "sendmail -t -i").
; http://php.net/sendmail-path
;sendmail_path =

Estos parámetros se deben modificar del siguiente modo

[mail function]
; For Win32 only.
; http://php.net/smtp
SMTP=smtp.gmail.com
; http://php.net/smtp-port
smtp_port=587

; For Win32 only.
; http://php.net/sendmail-from
sendmail_from = msevillab@gmail.com

; For Unix only.  You may supply arguments as well (default: "sendmail -t -i").
; http://php.net/sendmail-path
sendmail_path = "C:\xampp\sendmail\sendmail.exe -t"

En esta instancia, básicamente, se cambiaron los siguientes parámetros:

  • Se ingresó el servidor SMTP para correos Gmail smtp.gmail.com
  • Se puso el puerto 587 en el ítem smtp_port

Estos dos parámetros que acabo de indicar se modifican según la documentación pública oficial de gmail en el apartado de requisitos del servidor SMTP para realizar el proceso.

Se descomentó sendmail_from y se le puso la cuenta desde donde se va a enviar el correo.

Se descomentó el parámetro sendmail_path poniendo la ubicación del archivo ejecutable sendmail.exe dentro de XAMPP. Que sería la siguiente si se realizó la instalación de XAMPP con todas la opciones por defecto

"C:\xampp\sendmail\sendmail.exe -t"

El atributo -t es el que permite leer mensaje para los destinatarios, se debe poner en esta configuración tanto el backslash o también conocido como barra inclinada hacía la izquierda, como el atributo -t que acabo de mencionar.

Configuración del archivo sendmail.ini

Aunque pueda parecer redundante, la anterior configuración era de carácter global, en este apartado es donde se ponen las credenciales del correo electrónico con el que se va a trabajar.

Este archivo se encuentra en la siguiente ruta:

C:\xampp\sendmail\sendmail.ini

Se deben modificar los siguientes parámetros con los valores a continuación:

smtp_server=smtp.gmail.com
smtp_port=587
auth_username=tucorreo
auth_password=tucontraseña
smtp_ssl=TLS
error_logfile=error.log
debug_logfile=debug.log
force_sender=tucorreootravez

Configuración de la función mail()

Ya en este punto, se puede enviar correos desde tu servidor local. Si habías activado los servicios Apache y MySQL previo a los cambios, desactívalos y vuélvelos a activar.

Cuando por fin logres enviar el correo, Gmail te notificará que hay un riesgo de suplantación o un script de carácter peligroso.

Debes estar seguro que esta notificación es tuya y le das autorizar. Ya en este punto puedes enviar los correos.

Archivo index.php de ejemplo para confirmar la configuración está funcionando.

El siguiente script lo tomé de la documentación oficial con una variante de un condicional para que muestre en pantalla si se envió el correo o no.

<?php
$para      = 'aquí va el correo de a quien envías';
$asunto    = 'El asunto del correo';
$descripcion   = 'Este es el cuerpo del correo';
$de = 'From: tu correo configurado';

if (mail($para, $asunto, $descripcion, $de))
   {
echo "Correo enviado satisfactoriamente";
}
?>

Configuración en el web service de Gmail

Gmail, cuando haya hecho el proceso completo y reiniciado los servicios de XAMPP, me alertará de inicio sospechoso, de aplicación poco segura.

Debo notificarle a Gmail que reconozco el acceso, en adición debo desactivar el acceso de aplicaciones poco seguras, confirmar activando un botón y por último acceder a una última validación donde le notifico a gmail que efectivamente fui yo quien hice los cambios sobre aplicaciones no seguras.

Al final del vídeo se muestra el paso a paso. Ya en este punto lo ideal es que esté funcionando la opción de enviar correos desde tu servidor local. próximamente haré más énfasis en el envío por formulario así como de correos html con plantillas avanzadas.

Cualquier duda me puedes dejar un mensaje o contactar.

Etiquetado: / /
configuroweb.com
×
Hola de Nuevo
Powered by iurny
Abrir chat
¿Qué te interesa?
Selecciona los temas de interés sobre
los que deseas recibir noticias:
    A partir de ahora recibirás notificaciones de nuestro sitio web basadas en dicha selección, según tus gustos e intereses.