Servidores

Conectar a servidor FTP con FileZilla: ejemplos y guía

FileZilla tiene dos modos: modo cliente y modo servidor. En el modo servidor crea un servidor FTP y en el modo cliente se conecta a un servidor FTP.

En este post vamos a ver cómo administrar un sitio web usando FileZilla a través de FTP para administrar el sitio, modificar código, descargar o subir archivos.

Todas las pruebas las haré con un hosting de prueba. Si quieres usar FileZilla como servidor mira este post.

Descargar FileZilla client

Ve a la página oficial de descargas.

1 – Descargar filezilla client

Haz click en Download filezilla client y elige la versión de Windows.

Después de eso, instala FileZilla client y ábrelo.

Credenciales de FTP

El administrador del servidor o tu proveedor de hosting deben darte credenciales de acceso o puedes crearlas tú mismo.

En ocasiones incluso se pueden ver los ajustes de FTP desde el panel de control. En mi caso:

2 – Credenciales y cuentas FTP

Si no las tienes, pide ayuda al soporte técnico.

Conectar a servidor FTP con FileZilla

Ahora abre FileZilla, rellena los campos de la parte superior con tus credenciales y haz click en Conexión rápida.

3 – Conectar a servidor FTP con FileZilla

Si la conexión es aceptada entonces a la derecha tendrás los directorios del servidor y a la izquierda los locales.

Puedes eliminar archivos, copiarlos o moverlos.

Para subir un archivo (no una carpeta) en la vista izquierda haz doble click. Se subirá a la carpeta que tengas abierta en la parte derecha.

Para descargar un archivo (no una carpeta) igualmente haz doble click en él. Se va a descargar en la carpeta que tengas en la parte izquierda.

4 – Partes más importantes de FileZilla

Siempre puedes explorar las opciones haciendo click derecho en un archivo o carpeta.

Ejemplo de subida de proyecto

Hace algún tiempo hice un script personalizado para poner marcas de agua. Así que voy a crear la carpeta (click derecho > Crear directorio):

5 – Crear directorio

Ahora voy a ingresar a la misma y a subir los archivos. No necesito el readme ni los de git, así que solo selecciono los necesarios:

6 – Elegir archivos a subir

La velocidad de subida depende de nuestra conexión a internet. Podemos observar la cola de subidas para estar al tanto.

Cuando los archivos se hayan subido aparecerán a la derecha.

7 – Transferencia terminada

Con eso he terminado de subir mi proyecto.

Cambios de archivos

Existen ocasiones en las que tenemos que editar un archivo de manera rápida. Para ello seleccionamos el archivo en cuestión, hacemos click derecho y seleccionamos Ver / Editar.

8 – Editar archivo

El archivo se abrirá con el programa predeterminado. Si hacemos algún cambio, guardamos y volvemos a FileZilla se nos preguntará si deseamos subir el cambio y además eliminar el archivo temporal.

Si ya no planeamos modificar el archivo marcamos la casilla.

9 – Subir cambios

Desconectar del servidor y el historial

Para desconectar del servidor hacemos click en el botón que lo indica:

10 – Desconectar del servidor

A la derecha del botón de Conexión rápida se quedará un historial de conexiones.

Puedes eliminar el historial o seleccionar una opción de la lista para conectar a ese servidor.

11 – Historial de conexiones

Conclusión

Para finalizar pongo una captura de pantalla del proyecto subido. De hecho todas las imágenes del post que tienen marca de agua fueron creadas con el script que subí.

12 – Probando proyecto subido

Por cierto, con FileZilla y FTP no solo se pueden subir proyectos de código, también imágenes, vídeos, etcétera.

Lo mismo para bajar y subir.

Cabe mencionar que existen otros clientes de FTP pero el que recomiendo es FileZilla.

Te invito a probar el proyecto, aunque de una vez te aviso que es lento debido a que el servidor no es potente, pero funciona.

Estoy aquí para ayudarte 🤝💻


Estoy aquí para ayudarte en todo lo que necesites. Si requieres alguna modificación en lo presentado en este post, deseas asistencia con tu tarea, proyecto o precisas desarrollar un software a medida, no dudes en contactarme. Estoy comprometido a brindarte el apoyo necesario para que logres tus objetivos. Mi correo es parzibyte(arroba)gmail.com, estoy como@parzibyte en Telegram o en mi página de contacto

No te pierdas ninguno de mis posts 🚀🔔

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.
parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

Ver comentarios

Entradas recientes

Desplegar PWA creada con Vue 3, Vite y SQLite3 en Apache

Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…

7 horas hace

Arquitectura para wasm con Go, Vue 3, Pinia y Vite

En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…

8 horas hace

Vue 3 y Vite: crear PWA (Progressive Web App)

En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…

8 horas hace

Errores de Comlink y algunas soluciones

Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…

9 horas hace

Esperar promesa para inicializar Store de Pinia con Vue 3

En este artículo te voy a enseñar cómo usar un "top level await" esperando a…

9 horas hace

Solución: Apache – Server unable to read htaccess file

Ayer estaba editando unos archivos que son servidos con el servidor Apache y al visitarlos…

22 horas hace

Esta web usa cookies.