Tutorial para subir un sitio web local a un sitio remoto

Transcripción

1 Tutorial para subir un sitio web local a un sitio remoto Basándonos en el siguiente gráfico, iremos realizando paso a paso todo lo necesario para tener nuestro sitio web desarrollado localmente a otro en un servidor remoto. Imagen 1. Esquema para subir sitio web local a remoto Tal como podemos observar el proceso se realiza en tres etapas: 1. Subir todo el contenido del sitio desarrollado de forma local al servidor remoto Como el proyecto se ha desarrollado usando wamp, el contenido de la carpeta donde está el sitio web debe ser subido usando un cliente FTP como FileZilla. Los datos del servidor, usuario y contraseña del servidor FTP está en la sección View FTP Details de su cuenta hosting tal como se muestra en Imagen 2. Dónde buscar datos para conectarse al servidor FTP la imagen 2. (si ud. tiene un hosting de pago y está usando CPanel, esta sección la encontrará en Archivos/cuentas FTP). Una vez conectado al servidor FTP del sitio remoto utilizando FileZilla podrá observar la siguiente imagen: Ing. Miriam Quispe Pág. 1/8

2 Imagen 3. Conexión al servidor remoto usando FileZilla Tal como se puede observar se debe copiar todo el contenido de la carpeta donde está el sitio web local, en este caso el contenido de la carpeta periódico que está ubicado en C:\wamp\www\periodico al directorio público del servidor remoto. Se debe verificar que al momento de subir los archivos, TODOS se hayan realizado de manera satisfactoria. Si hubiese alguno que no, entonces se debe reintentar nuevamente usando Filezilla o bien utilizando el administrador de archivos de la cuenta hosting y teniendo cuidado de subir exactamente en la ubicación adecuada. Esta información la puede encontrar en la pestaña Transferencias fallidas de FileZilla, tal como se ve en las siguientes imágenes: Ing. Miriam Quispe Pág. 2/8

3 Este listado muestra los archivos que no fueron transferidos correctamente Este listado muestra los mismos archivos pero en el sitio remoto. Con estos datos se saben qué archivos se deben volver a subir, dónde deben estar ubicados y cuánto deberían pesar. Imagen 4. Listado de archivos en la pestaña Transferencias fallidas de FileZilla Imagen 5. Acceso a Administrador de archivos del hosting desde donde se pueden subir uno a uno los archivos que fallaron en la tranferencia. Una vez ubicado la carpeta donde se subirá el archivo fallido, se debe seleccionar el botón Upload para iniciar el proceso de subida. Imagen 6. Administrador de archivos donde se deben subir los archivos fallidos Ing. Miriam Quispe Pág. 3/8

4 3 Click aquí para iniciar el proceso de subida 1 Tener bien ubicado la carpeta donde se subirá el archivo 2 Buscar el archivo a subir del sitio local. Como se puede observar se pueden subir mas de un archivo. Imagen 7. Pasos para subir archivos desde el administrador de archivos Una vez subido el archivo se puede volver a la carpeta, haciendo click en la flecha azúl para verificar el peso del archivo. El peso lo puede comparar con el indicado en el listado de FileZilla. Imagen 8. Subida con éxito de un archivo 2. Exportar la Base de datos del sitio local al sitio remoto Este segundo paso se lo realizará primeramente sacando un backup de la base de datos del sitio local. Esto se lo puede realizar con PHPMyAdmin, ubicando la base de datos del sitio, eligiendo exportar y generando un archivo.sql Ing. Miriam Quispe Pág. 4/8

5 Esto se puede observar en la siguiente imagen: 1 Debe tener seleccionado la BD a exportar 2 Seleccionar la opción Exportar Imagen 9. Exportar una BD desde phpmyadmin 1 Sin hacer cambio alguno seleccionar la opción continuar. Esto abrirá la ventana donde se podrá guardar el archivo.sql de la Base de datos. Imagen 10.Backup de la base de datos Posteriormente se debe crear una base de datos en el sitio remoto utilizando de preferencia la opción MySQL, tal como se observa en las imágenes: Ing. Miriam Quispe Pág. 5/8

6 2 Rellenar los datos solicitados: nombre, usuario, clave. Ojo!!! Se debe tener en cuenta que la BD se está creando en otro servidor que no es localhost, tener muy en cuenta. 1 Acceder a MySQL para crear la BD. Imagen 11.Creación de la BD en el sitio remoto Una vez creada la BD, se muestra los datos de nombres y clave. Guardar estos datos en un archivo.txt para luego usarlos en el último paso de este proceso. Imagen 12.Datos de la BD creada Después de crear la BD en el sitio remoto se debe proceder a importar datos de la BD del sitio local y del cual tenemos el archivo.sql. Este paso lo podemos hacer con phpmyadmin que no ofrece el hosting remoto. Ing. Miriam Quispe Pág. 6/8

7 2 Seleccionar la pestaña Import 1 Se debe tener seleccionada la BD creada en el sitio remoto 5 Finalmente cuando el proceso concluya, en esta parte se podrán observar las tablas de la BD importada. 3 Buscar el archivo.sql generado cuando se exportó la BD del sitio local 4 Posteriormente seleccionar el botón Go para proceder a importar los datos Imagen 13.Proceso de importación de datos de la BD creadaen el sitio remoto 3. Modificar el contenido del archivo configuration.php El último paso de este proceso es modificar el archivo configuration.php, este archivo debe contener los nuevos datos del sitio remoto. Básicamente las variables a modificar son las siguientes: Las variables que están en las líneas 18, 19, 20, 34, 35, 36 y 52 de la imagen (tener en cuenta el nombre de las variables porque puede ser que el número de lineas puedan ser diferentes). Para obtener la ruta exacta donde está nuestro sitio se debe ejecutar el archivo camino.php (este archivo puede ser creado con el archivo que está subido en el blog). Recordar que el archivo camino.php debe ser colocado en el directorio público de nuestro sitio remoto y ser ejecutado desde ahí, observe la siguiente imagen: Ing. Miriam Quispe Pág. 7/8

8 El archivo camino.php de esta imagen fue subido a la carpeta pública del sitio mediate FileZilla, por eso para ejecutarlo se debe digitar: el resultado de ejecutar el archivo es mostrar la ruta en el servidor, esta ruta debe ser colocada en las variables de las líneas 18 y 19. En la variable $live_site de la línea 20 debe ir la URL del sitio asignado por el hosting. En las variables de las líneas 34, 35, 36 y 52 deben ir los datos que se generaron cuando se creó la base de datos en el sitio remoto (ver imagen 12). Se debe tener cuidado con la variable $host que generalmente se coloca localhost pero en este caso en particular es en otro servidor. Siguiendo al pie de la letra estos pasos con seguridad tendremos nuestro sitio desarrollado de forma local en un servidor remoto. Ing. Miriam Quispe Pág. 8/8