En este tutorial voy a mostrar cómo instalar OpenCart en su versión 3 sobre un servidor con PHP. Puedes montarlo directamente en un servidor en producción, o en tu localhost para hacer pruebas.
Si vas a hacer pruebas sobre Windows mira este tutorial para instalar XAMPP.
Ve a la página oficial de descarga y haz click en Download now.
Eso te dará un zip que tiene una carpeta llamada Upload. Dentro de esa carpeta está todo lo necesario, y lo que tienes que subir al servidor, pero antes veamos algunos preparativos.
Debemos tener a la mano un usuario y contraseña de acceso a MySQL o MariaDB; además de una base de datos limpia (pero el usuario debe tener acceso a la misma) en donde va a funcionar OpenCart.
Si quieres mira esta introducción a la CLI de MySQL o el post para dar permisos a un usuario de MySQL.
Si estás en XAMPP, tu carpeta pública es htdocs, dentro de ella crea otra carpeta y coloca ahí el contenido de upload (ya que vamos a probar, no es un servidor en producción).
En caso de que uses cpanel, tu carpeta pública es public_html, pon ahí todo el contenido de upload (no pongas la carpeta, pon su contenido en public_html).
Eso hará que tu dominio principal entre a la tienda; si quieres ponerla en un subdirectorio eres libre de crearlo y poner ahí el contenido.
Si usas otro tipo de hosting esto puede variar, y si es un servidor de Linux entonces va en /var/www/html.
Como estoy haciendo pruebas locales crearé una carpeta llamada tienda en htdocs, su contenido y ruta es como se ve en la imagen de abajo.
Recuerda que el contenido fue copiado de la carpeta upload que está en el zip.
Ahora que ya lo hemos copiado es momento de comenzar la instalación.
Ahora veamos cómo se instala.
Hay que renombrar dos archivos. El primero se llama config-dist.php
, lo vamos a cambiar a config.php
El segundo está dentro de admin y se llama config-dist.php
también, lo renombraremos igualmente a config.php
Solo para confirmar, ahora en la raíz debe estar config.php
y en admin uno llamado config.php
Es momento de acceder a dicha carpeta desde el navegador. Si estás en localhost entonces es localhost/tienda; y si es un dominio personalizado entra a dicho dominio.
Comenzaremos la instalación aceptando la licencia. Si la aceptas, haz click en Continue. Si no, entonces no puedes instalar el software.
En el siguiente paso OpenCart verifica que nuestro entorno sea compatible y que además estén habilitadas las extensiones de PHP necesarias; todas deben tener el icono verde.
Abajo hará un chequeo de los archivos y carpetas. Si estás en Linux y genera errores en los archivos asegúrate de dar permisos de escritura y lectura.
Si te fijas ahí están los archivos que renombramos al inicio.
Cuando todo esté bien haz click en Continue.
Es momento de indicar las credenciales de acceso y el nombre de la base de datos para que los datos sean almacenados.
En DB Driver elige MySQLi, pues al final no vamos a tocar el código y esa extensión está bien.
En hostname déjalo como está (incluso si estás en internet) al menos que tu servidor de MySQL esté en otro lugar, lo mismo aplica para el port.
El prefix es el prefijo de las tablas dentro de la base de datos, déjalo así o quítalo si no quieres prefijos.
Finalmente escribe tu usuario y contraseña de MySQL.
Abajo vas a encontrar un formulario para el administrador de OpenCart, esto no tiene nada que ver con las credenciales de la base de datos. Puedes dejar el nombre de usuario como admin o cambiarlo.
Elige una contraseña segura y escribe un correo electrónico verdadero; cuando estés listo haz click en Continue.
Dependiendo de la potencia de tu servidor el proceso tardará un poco más o un poco menos, sé paciente y espera a que termine la instalación.
Cuando termine se mostrará lo siguiente:
Puedes hacer click en ambas opciones; para ir a la tienda haz click en Go to your online shop y para ir al panel de control haz click en Login to your administration.
Abre en una nueva pestaña el de la administración.
En la captura de arriba vemos un aviso de eliminar la carpeta install, así que de una vez la eliminamos; todo esto es por seguridad:
Con eso hemos terminado la instalación, ahora veremos otros detalles.
Para acceder al panel ve a la dirección de tu tienda pero agrega /admin
. En mi caso es localhost/tienda/admin
.
Inicia sesión con las credenciales que configuramos anteriormente (no las de la base de datos, las otras):
Haz click en Login.
Este maravilloso software nos recomienda cambiar la ubicación del directorio de almacenamiento; quitándolo del acceso público. Verás la alerta al iniciar sesión, haz click en Move con la opción que ofrece.
De esta manera el almacenamiento estará una carpeta arriba de la pública:
Espera a que se termine de mover, mostrará una alerta y después ya puedes cerrar la ventana. Si genera un error intenta cambiar la ruta.
Ahora podemos visitar nuestra tienda navegando al dominio en donde la alojamos; en mi caso es localhost/tienda y se ve así:
Eso es lo que verán nuestros clientes. Por defecto ya existen algunos productos, veremos cómo editar uno.
Volvamos al escritorio o panel de control. Ahí navega a Catalog > Products y edita cualquier producto con el botón azul.
Eso te llevará a una nueva interfaz. Cambia algunos datos y haz click en el botón para guardar.
Ahora vuelve a tu tienda y localiza el producto que acabamos de editar:
Felicidades, has editado tu primer producto.
A lo largo de este tutorial vimos cómo instalar OpenCart en un entorno de Windows, pero esto aplica totalmente para otros servidores y sistemas operativos que cuenten con los requisitos.
Lo que sigue es comenzar a vender tus productos, familiarizarte con el software y crecer en línea.
Espero escribir más tutoriales sobre OpenCart, tanto de su uso como de su código.
Si en el futuro lo hago, lo haré bajo la categoría de OpenCart.
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Esta web usa cookies.
Ver comentarios